如何解决如何在谷歌地图javascript api中使用两种不同类型的标记?
我想在我的谷歌地图中设置两种不同类型的标记。
我用基本图标设置了一系列位置,但我想用另一种类型的图标更改“我的当前位置”。
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocalizzazione non supportata dal tuo browser";
}
}
function showPosition(position) {
if (window.ditteList != null) {
var i = 0;
window.locations = [];
var attiva = "Azienda tesserata";
var nonAttiva = "Azienda non tesserata";
ditteList.forEach(function (element) {
var strAttiva = element.StatoDiAttivita == true ? attiva : nonAttiva;
window.locations[i] = ['<div class="popup">' + '<b>' + element.RagioneSociale + '</b>' + '<hr>' + element.Indirizzo + '<hr>' + strAttiva + '<hr>' + '<i class="fas fa-directions text-primary h4"></i><a target="_blank" href="http://maps.google.com/?q=' + element.Indirizzo + '"' + '<b class="indicazione"> Indicazioni</b></a>' + '</div>',element.Lat,element.Lon ];
i++
});
window.locations[i] = ['<b class="MyPositionText">Mia Posizione</b>',position.coords.latitude,position.coords.longitude];
}
var latx = position.coords.latitude;
var lonx = position.coords.longitude;
var resultx = new google.maps.LatLng(latx,lonx);
var map = new google.maps.Map(document.getElementById('map'),{
zoom: 12,scrollwheel: true,center: resultx,mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker,i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1],locations[i][2]),map: map
});
google.maps.event.addListener(marker,'click',(function (marker,i) {
return function () {
infowindow.setContent(locations[i][0]);
infowindow.open(map,marker);
}
})(marker,i));
}
}
有人有可行的解决方案吗? 感谢帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。