如何使用 JavaScript 在 Google Map 上的圆圈内绘制数字答案

【问题标题】：How to draw a number inside a circle on Google Map with JavaScript如何使用 JavaScript 在 Google Map 上的圆圈内绘制数字
【发布时间】：2014-04-03 23:41:02
【问题描述】：

我知道类似的问题已经被问过很多次了，但它们都是用 Android(Java) 语言编写的。虽然我需要使用 JavaScript 在谷歌地图上绘制一个黄色圆圈内的文本（让我们将文本 + 它的外圈称为一个单位）。（看看下面的图片）

我查看了 Google Map JavaScript API，仅在 google map 上找到了有关绘制形状的代码，但找不到任何可以让我深入了解绘制单位的代码。

所以请帮忙，欢迎任何建议和代码 sn-ps。

【问题讨论】：

标签： javascript google-maps

【解决方案1】：

没有内置选项。

可能的解决方法：

custom overlay(circles 可以通过css 创建) Demo
一个服务器端脚本，可以动态创建带有圆圈+数字的图像（基于 url 参数）。这些图片可以用作图标

【讨论】：

哇，你是我的英雄！是否可以将单元固定在特定的地理位置？所以当用户拖动和移动地图时，单元会跟随。干杯
单位是粘性的（拖动地图时会跟随），但叠加层也是可拖动的（此演示的原始任务是创建可拖动的自定义叠加层，请参阅：stackoverflow.com/questions/22127626/…） .您只需要删除拖动功能：jsfiddle.net/doktormolle/4jSP7/11
太棒了！还有，Dr.Molle，你知道如何在 SenCha Touch 中添加地图监听器吗？我已经问了这个问题好几天了，但没有人回答......stackoverflow.com/questions/22865259/…
我对 SenCha Touch 不熟悉，抱歉。