JUST LISTED Please contact Cary Thornton on 0437 204 556 or Isabel Villa on 0429 113 718 to discuss this property further. Features Gas Hot Water Service Split System Aircon Split System Heating 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_6a5a96d20bbbf', { 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.80934670, 144.95141930], markerOptions); markerGroup.addLayer(marker); map.fitBounds(markerGroup.getBounds()); // Only set the default Zoom if there is only one marker map.setZoom(17);