javascript - 使用 JavaScript API 在 Google map 上绘制 "Points"

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

我目前正在将大量点(纬度、经度对)加载到 Google map 中。我的问题是谷歌地图将这些点绘制为标记(默认类型),而我宁愿将每个点绘制为“点”,如下图所示: https://www.google.com/maps/search/atm/@54.0260702,-1.6780445,5z

而不是如图所示的标记(在西马伦国家公园): 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 实现这一点吗?

最佳答案

一个快速而肮脏的示例(从文档中获取一些内容并进行修改):

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

关于javascript - 使用 JavaScript API 在 Google map 上绘制 "Points",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24341937/

相关文章:

javascript - Jscript:是否可以动态设置变量?

javascript - Canvas 中的真实鼠标位置

html - 如何使用纯 html 打开谷歌地图

Android - 谷歌地图将相机从一个位置移动到另一个

javascript - 延迟 javascript 以避免 API 限制

javascript - 以间隔更新多个信息窗口

javascript - 单击按钮打开 Google map | Reactjs

google-maps - 谷歌地图带阴影的折线

javascript - VueJS Google 放置自动完成功能

javascript - 使用另一个函数中的函数作为javascript中的构造函数