【问题标题】:Changing Google Maps V3 Maker Icon the correct way?以正确的方式更改 Google Maps V3 Maker 图标?
【发布时间】:2011-11-01 10:43:17
【问题描述】:

示例 1 中的代码有效。我想了解 marker.setIcon();更多功能(JavaScript 也是新功能)。

我的问题是。在 Google 地图的文档中,您会看到类似这样的更改标记的内容。

MarkerImage(url:string, size?:Size, origin?:Point, anchor?:Point, scaledSize?:Size)

这与我在示例 1 中为设置标记图标所做的事情有什么关系,我应该这样做吗?

marker = google.maps.MarkerImage({
        url: "newIcon.png"
});

marker.setIcon(marker);

那会奏效吗?

这是我的例子

示例 1

function initialize(){
//MAP

  var latlng = new google.maps.LatLng('xxx','xxx');
  var options = {
    zoom: 16,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };

  map = new google.maps.Map(document.getElementById("map_canvas"), options);

  //GEOCODER
  geocoder = new google.maps.Geocoder();

  marker = new google.maps.Marker({
    map: map,
    draggable: true
  });     

  marker.setPosition(latlng);
  marker.setIcon("newIcon.png");
  map.setCenter(latlng);

}

【问题讨论】:

    标签: javascript jquery html google-maps-api-3


    【解决方案1】:

    您正在为 V3 问题提供 V2 答案。

    V3 中没有 GIcon。

    var image = new google.maps.MarkerImage("newIcon.png");
    

    可以在标记内用作图标。

    var marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            icon:image
        });
    

    【讨论】:

    • 谢谢!那么,当标记图标已经创建时,您将如何更改它?我试过 marker.setIcon();但没有运气......
    • 我认为你是对的。我刚试过。标记.setIcon(image2);对我来说很好。其中 image2 = google.maps.MarkerImage("newIcon2.png");确保您掌握了标记。
    猜你喜欢
    • 2023-03-05
    • 2011-12-25
    • 2010-12-28
    • 1970-01-01
    • 2013-04-18
    • 1970-01-01
    • 1970-01-01
    • 2013-12-28
    • 1970-01-01
    相关资源
    最近更新 更多