Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图标记的动态图像_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图标记的动态图像

Javascript 谷歌地图标记的动态图像,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我有一张地图,上面有公交车站。我想根据各种参数对这些站点进行颜色编码。我也想使用我自己的图标。我已经知道了如何在javascript中获取png图像并更改其颜色,但我不确定如何让Google地图将其用作标记图像 我已经看过了,但据我所知,你不能使用你自己的图片——从它的来源来看(当然是粗略的),我不认为我可以将它改为使用我的图片,因为它似乎使用URL参数和一组默认标记来实现颜色变化 有什么建议吗?您想要这样的建议: marker = new google.maps.Marker({

我有一张地图,上面有公交车站。我想根据各种参数对这些站点进行颜色编码。我也想使用我自己的图标。我已经知道了如何在javascript中获取png图像并更改其颜色,但我不确定如何让Google地图将其用作标记图像

我已经看过了,但据我所知,你不能使用你自己的图片——从它的来源来看(当然是粗略的),我不认为我可以将它改为使用我的图片,因为它似乎使用URL参数和一组默认标记来实现颜色变化


有什么建议吗?

您想要这样的建议:

  marker = new google.maps.Marker({
    draggable: false,
    raiseOnDrag: false,
    icon: {
      size: new google.maps.Size(32, 42),
      origin: new google.maps.Point(0, 0),
      anchor: new google.maps.Point(15, 42),
      url: // path to png
    },
    animation: google.maps.Animation.DROP,
    position: new google.maps.LatLng(lat, lng),
    map: map
  });

.

如何在浏览器中显示图像?如果有URL,那么您可以使用普通标记。你也可以把它作为一个图标来加载,我使用这种技术来获取图像:不幸的是,我没有png的路径——我想动态地改变图标的颜色,因此是动态的。