使用 JavaScript API 在 Google 地图上绘制“点”答案

【问题标题】：Plotting "Points" on Google Maps using JavaScript API使用 JavaScript API 在 Google 地图上绘制“点”
【发布时间】：2014-06-21 13:10:50
【问题描述】：

我目前正在将大量点（纬度、经度对）加载到 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 实现这一点吗？

【问题讨论】：

“我目前正在使用 GeoJSON 将点加载到 Google 地图中”是什么意思？那个代码是什么样子的？你在用DataLayer in the Google Maps Javascript API v3吗？
我正在使用来自developers.google.com/maps/documentation/javascript/…的示例代码GeoJSON文件只包含几何类型Point的特征。
代码运行顺利。问题更多的是如何在我的示例 URL（在问题中）中使用标记样式，而不是默认的“放置点”标记样式
编辑了这个问题，以免对 GeoJSON 产生任何混淆...
我的评论引用数据层样式选项是否回答了这个问题？您设置点的图标属性。你还没有发布任何你的代码。没有一个谷歌示例显示“点”。

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

【解决方案1】：

一个快速而肮脏的示例（从文档中获取一些内容并对其进行修改）：

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

【讨论】：

优秀。非常感谢@geocodezip。我的问题是我不知道该图像被称为 measle.png。你从哪里得到这些信息的？是否有某种由谷歌提供的可供使用的目录/图像列表？
它来自多年观看 google maps API v2 和 v3 讨论组...
还有这个question on SO
任何人都知道为什么“图标”属性在 json 中不起作用？ {geometry: {"icon": "domain.com/icon.png"} 只能通过 setStyle 工作。