绘图"积分"使用JavaScript API在Google地图上

时间:2014-06-21 13:10:51

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

我目前正在将一组广泛的点(纬度,经度对)加载到Google地图中。我的问题是Google地图将这些点绘制为标记(默认类型),而我只是将每个点绘制为"点"像在这张地图中: https://www.google.com/maps/search/atm/@54.0260702,-1.6780445,5z

而不是这里显示的标记(在Cimarron国家公园): https://www.google.com/maps/dir/Great+Bend,+KS,+USA/Cimarron+National+Grassland,+242+Highway+56,+Elkhart,+KS+67950,+United+States/@37.7162446,-101.3770814,8z/data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x87a38bb5b59e293d:0x32155928d84780ee!2m2!1d-98.7648073!2d38.3644567!1m5!1m1!1s0x8708c3c3259cc53b:0x8109b72736458f11!2m2!1d-101.79!2d37.124167

任何想法如何通过Google Maps JavaScript API实现这一目标?

1 个答案:

答案 0 :(得分:3)

一个快速而肮脏的例子(从文档中获取并修改它):

map.data.setStyle(function(feature) {
  return /** @type {google.maps.Data.StyleOptions} */({
    icon: "https://maps.gstatic.com/intl/en_us/mapfiles/markers2/measle.png"
  });
});

working example