谷歌地图图标（图钉） - 如何定义颜色？

Posted 2023-02-23

【中文标题】谷歌地图图标（图钉） - 如何定义颜色？

【英文标题】：Google Map icon (pin) - how to define color?

【发布时间】：2011-04-26 07:31:39

【问题描述】：

是否可以更改由其 api 创建的谷歌地图上放置的图钉的颜色？还是必须使用自定义图标才能做到这一点？

这是谷歌地图 api v3。

tnx in adv!

【参考方案1】：

我知道这个问题很老了，但如果有人只想更改别针或标记颜色，请查看文档： https://developers.google.com/maps/documentation/android-sdk/marker

当您添加标记时，只需设置图标属性：

GoogleMap gMap;
LatLng latLng;
....
// write your code...
....
gMap.addMarker(new MarkerOptions()
    .position(latLng)
    .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN));

有 10 种默认颜色可供选择。

【参考方案2】：

你可以在初始化地图的时候声明图片：

var overlay;

function initialize() 
  var myLatLng = new google.maps.LatLng(0, 0);
  var myOptions = 
    zoom: 11,
    center: myLatLng,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  ;

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

  var swBound = new google.maps.LatLng(0, 0);
  var neBound = new google.maps.LatLng(0, 0);
  var bounds = new google.maps.LatLngBounds(swBound, neBound);

  // This is where you declare your image...
  var srcImage = 'images/yourimage.png';
  overlay = new USGSOverlay(bounds, srcImage, map);

如果您需要更多信息，请点击此处：

http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays

【讨论】：

我知道那个链接。所以，我不能改变颜色，我必须使用自定义图标？

我知道有一组默认图标可供您选择，但您可能必须创建自己的自定义图标。很简单，就一行javascript。