javascript - 更改谷歌地图标记的图标

标签 javascript google-maps google-maps-api-3

我正在尝试更改谷歌地图中的标记图标。但它似乎不起作用:/ 你们中有人对如何更改标记图标有任何建议吗?

这是 JavaScript 代码:

/*
    Google maps
*/
jQuery(document).ready(function() {
    var latlng = new google.maps.LatLng(50.92133, 6.92879);
    $('.map').gmap({'center': latlng,'zoom': 15, 'disableDefaultUI':true, 'callback': function() {
        var self = this;

        google.maps.Icon ic;
        ic = new google.maps.Icon({      
            url: 'icon.png'
        });

        self.setIcon(marker);
        self.addMarker({ 'position': this.get('map').getCenter() });

        }
    }); 
});

最佳答案

self.setIcon(marker);

您在这里传递了一个 undefined variable ,但您还想将图标设置为刚刚创建的图标对象。这应该更符合您的需求。

var marker = new google.maps.Marker({
  position: self.getCenter(),
  map: self
});
marker.setIcon(ic);

关于javascript - 更改谷歌地图标记的图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18541316/

相关文章:

javascript - 如何在滚动到页面上的特定对象后触发 jQuery 事件(不是 "if scrollTop"解决方案)

javascript - 突出显示一组节点及其之间的关系

javascript - 在网站中实现 Google Places Api

fragment 中的 Android 谷歌地图

google-maps - 从 Google Maps V3 中删除 "Sign In"-marker

javascript - 发送 AJAX 请求以获取 Google map 路线时出错(访问 header )

javascript - 如何在 Chromeless 中操作由 ul 和 li 元素组成的下拉菜单

javascript - 谷歌地图记录每一条记录

javascript - 使用 Google Maps API 合并多边形

javascript - 为什么在 for 循环中定义的变量在 setTimeout 函数中不可见?