javascript - 如何在谷歌地图图表中使用动态图标

标签 javascript google-maps

我想用谷歌地图显示一个动态图标

我已经做到了这一点

function putMaker(position,title,title_dis,number,icon_img,icon2)
{


     if (!isNaN(number)) var icon = "https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|"+number+"|FFFFFF|000000";


    else var icon = null;
    //icon= icon2;
     var marker = new google.maps.Marker({
                      position: position,
                      map: map,
                      icon: icon,

                     });
     google.maps.event.addListener(marker, 'mouseover', function() {
                   infowindow.setContent(title_dis);
                   infowindow.open(map, this);
                   });
}

“icon2 是一个MarkerImage

这很完美,但此处显示的图标是 ski enter image description here

我想用另一个图标替换这个图标,比如 icon2(使用 MarkerImage api 创建) 知道怎么做吗?

最佳答案

如果 (!isNaN(number)) var icon = "https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small& chld=ski|bb|"+number+"|FFFFFF|000000"; 您需要更改 API 的 url;

并将“滑雪”替换为另一个 https://developers.google.com/chart/image/docs/gallery/dynamic_icons

例如:chld=maps_pin 或 chld=camping|ADDE63

关于javascript - 如何在谷歌地图图表中使用动态图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20880496/

相关文章:

java - google.android.gms.checkin.CheckinService 已泄漏 ServiceConnection 错误

javascript - 使用地理编码将多个 addListener 事件添加到 Google map 表单

android - 如何使用 Google Maps Android API v2 禁用 3d 建筑物

javascript - 无法取消选中复选框 (HTML)

javascript - $.getJSON .always() 方法不会在 HTTP 错误时执行

javascript - font Awesome 无法在 ie9 和 ie11 兼容模式下工作

javascript - 使用库加载 google maps api

javascript - 单击确认模式后,事件数据未定义

javascript - 为什么我找不到使用数据属性

android - 使用 Google Maps API 绘制 map 和移动标记