JUST LISTED Please contact Isabel Villa on 0429 113 718 or Cary Thornton on 0437 204 556 to discuss this property further. 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_6a5a96da1e312', { 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.83450740, 144.94433780], markerOptions); markerGroup.addLayer(marker); map.fitBounds(markerGroup.getBounds()); // Only set the default Zoom if there is only one marker map.setZoom(17);
