标记谷歌地图

Marker Google Maps

本文关键字：谷歌地图      更新时间：2023-09-26

我不知道是什么，但我想显示自定义标记，但它不显示。

需要帮助。

非常感谢。

这是我的。Js:

    var locations = [
      ['Homexpo', 44.89589669999999, -0.5713743999999679, 3],
      ['Biganos', 44.640044, -0.9629101000000446, 2],
      ['Siege social', 44.8864352, -0.6952949999999873, 1]
    ];
    var map = new google.maps.Map(document.getElementById('ggmap-offre'), {
      zoom: 9,
      center: new google.maps.LatLng(44.89589669999999, -0.5713743999999679),
      scrollwheel: false,
      draggable: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    for (var i = 0; i < locations.length; i++) { 
      var marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map
      });
    }
    var marker = {
        url: "http://www.verywell-web.com/sanem/img/pin-ggmap.png",
        size: new google.maps.Size(31, 40),
        anchor: new google.maps.Point(31, 20)
    };
    var optionsMarqueur = {
        position: centreCarte,
        map: maCarte,
        icon: marker
    }
    var marqueur = new google.maps.Marker(optionsMarqueur);

您可以尝试执行此

添加名为AddMarker 的函数

function addMarker(marker){
    var markerImage = {
        url: "http://www.verywell-web.com/sanem/img/pin-ggmap.png",
        size: new google.maps.Size(31, 40),
        anchor: new google.maps.Point(31, 20)
    };
    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(marker[1], marker[2]),
        icon: markerImage,
        map: map
    });
}

然后

var map = new google.maps.Map(document.getElementById('ggmap-offre'), {
  zoom: 9,
  center: new google.maps.LatLng(44.89589669999999, -0.5713743999999679),
  scrollwheel: false,
  draggable: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP
});
var locations = [
      ['Homexpo', 44.89589669999999, -0.5713743999999679, 3],
      ['Biganos', 44.640044, -0.9629101000000446, 2],
      ['Siege social', 44.8864352, -0.6952949999999873, 1]
    ];
for(var i = 0, locations; loc = locations[i];i++){
            addMarker(loc);
}

您应该在for循环中指定图标样式。

试试这个。

var image = {
  url: 'http://www.verywell-web.com/sanem/img/pin-ggmap.png',
  size: new google.maps.Size(31, 40),
  anchor: new google.maps.Point(31, 20)
}
for (var i = 0; i < locations.length; i++) { 
  var marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
    map: map,
    icon: image
  });
}
相关文章：