Question

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

请帮助。

非常感谢你。

这是我的.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);

Answer 1

您可以尝试这样做

添加名为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);
}

Answer 2

您应该在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
  });
}

标记谷歌地图

2 个答案: