JUST LISTED Please contact Lynn Lum on 0474 044 293 or Mia Chen on 0413 096 455 to discuss this property further. Features Ducted Cooling Ducted Heating Gas Hot Water Service 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_6a5a96cf1b852', { 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.81996300, 144.94183920], markerOptions); markerGroup.addLayer(marker); map.fitBounds(markerGroup.getBounds()); // Only set the default Zoom if there is only one marker map.setZoom(17);
