More Than one Pointer location for MAP

HUBL CODE - https://prnt.sc/p513h2
========================

<div id="map-aux"></div>
<script>
var count = 0;
var locations = [];
function initMap() {

{% for item in module.item %}
//Resize Function
google.maps.event.addDomListener(window, "resize", initMap);
var location = [{{ item.latitude }}, {{ item.longitude }}, count, "{{ item.address.title }}", "{{ item.address.address }}", "{{ item.address.telephone_number }}" ];
locations.push(location);
count++

var mapDiv = document.getElementById('map-aux');
var map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng({{ module.map_position.position.latitude }}, {{ module.map_position.position.longitude }}),
zoom: {{ module.map_position.map_zoom }},
// zoomControl: false,
scrollwheel:  false,
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
controls: true
});


var infowindow = new google.maps.InfoWindow({});

var icon = {
url: 'https://www.coforge.com/hubfs/Coforge_September2019%20Theme/Images/spotlight-poi2.png'
};

var marker, i;

for (i = 0; i < locations.length; i++) {

marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][0], locations[i][1]),
map: map,
title: "Emmets Boston",
icon: icon,
scaledSize: new google.maps.Size(45, 45)
});
google.maps.event.addListener(marker, 'click', (function (marker, i) {
return function () {
infowindow.setContent(
'<h3 class=\"el-title uk-margin uk-h3 uk-margin-remove-adjacent uk-text-bold uk-text-large\">'+ locations[i][3] +'<\/h3>\n<p class=\"el-meta uk-margin uk-h5\">'+ locations[i][4] +'<br\/><a href=\"tel:+1-'+ locations[i][5] +'\">'+ locations[i][5] +'<\/a><\/p>'
);
infowindow.open(map, marker);
}
})(marker, i));

}

var styles = [
{
stylers: [
{
saturation: -100
},
{
lightness: 84
},
{
saturation: -31
},
{
gamma: 0.5
},
{
hue: "#f9fafe"
},
{
invert_lightness: false
}
]
}
];
map.setOptions({
styles: styles
});

{% endfor %}

//Resize Function
google.maps.event.addDomListener(window, "resize", initMap);
}
</script>

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAcmhh-vPl1iDkz8YzpgLvwI2Yf-6xIg2Y&callback=initMap">
</script>

Comments

Popular posts from this blog

Pagination of multiple recent post blog

Service Filter

When You Want to open popup(first time load)