JUST LISTED Please contact Thomas Tregonning on 0413 317 304 or Marcus Ting 0490 816 760 to secure this property today! Features Gas Hot Water Service Split System Heating Split system air conditioning Location .leaflet-pane, .leaflet-map-pane { z-index: 40; } .leaflet-top, .leaflet-bottom { z-index: 80; } // The default zoom control location is top-left, but the legacy React component had it top-right // There is no simple way to 'move' the default zoom control here, so initilizing map without it // and then adding new controls to top-right var map = L.map('map_6a5a96de07d8e', { zoomControl: false }); map.addControl( L.control.zoom({position: 'topright'}) ) map.scrollWheelZoom.disable(); // Stadiamaps as the provider L.tileLayer('https://tiles.stadiamaps.com/tiles/alidade_smooth/{z}/{x}/{y}{r}.png', { maxZoom: 20, }).addTo(map); // Create a feature group to hold the markers var markerGroup = new L.FeatureGroup(); map.addLayer(markerGroup); // Custom icon that matches legacy React component and allows for colouring const markerHtmlStyles = `background-color: #08282e; width: 3rem; height: 3rem; display: block; left: -1.5rem; top: -1.5rem; position: relative; border-radius: 3rem 3rem 0; transform: rotate(45deg); border: 1px solid #FFFFFF`; const icon = L.divIcon({ className: "my-custom-pin", iconAnchor: [0, 24], labelAnchor: [-6, 0], popupAnchor: [0, -36], html: `<span style="${markerHtmlStyles}" />` }); // add the markers var markerOptions = { icon: icon } var marker = L.marker([-37.81355355, 144.94299859], markerOptions); markerGroup.addLayer(marker); map.fitBounds(markerGroup.getBounds()); // Only set the default Zoom if there is only one marker map.setZoom(17);
