如何使用文字-Google地图创建圆形叠加层
vmb
我想在Google地图中创建一个带有文字的圆形叠加层。我该怎么做。
map = new google.maps.Map(document.getElementById('map'), options);
var circle = new google.maps.Circle({
center: centerPosition,
map: map,
fillColor: '#0000FF',
fillOpacity: 0.5,
strokeColor: '#0000FF',
strokeOpacity: 1.0,
strokeWeight: 2,
draggable:true
});
我会为此提琴。http://jsfiddle.net/pVh3b/434/
我需要一个带有文字的圆圈，如下所示
拖动时文本也应移动。任何人都可以帮忙
fitch496
这是应该让您入门的东西：
使用信息框创建的圆心一个文本框，并添加了一圈center_changed的听众更新框的位置。
google.maps.event.addListener(circle, 'center_changed', function () {
label.setPosition(circle.getCenter());
});
希望对您有所帮助！干杯。
编辑：您可以使用CSS更改盒子的外观。此外，删除选项“窗格：“ mapPane””似乎将其放在圆圈上方。这看起来更像您的示例：http : //jsfiddle.net/MSY9a/2/
编辑2：以前链接的小提琴使用了自从已删除的外部“信息框”链接。更新了小提琴，链接到GitHub上的Infobox：http : //jsfiddle.net/MSY9a/291/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何从传单/地图框地图图块中删除圆形叠加层？
- 2
如何在iOS中使用MApkit在地图上的注释上创建圆圈叠加层？
- 3
Google地图：如何在叠加层上绘制标签（国家/地区，城市名称等）
- 4
使用MVC框架将日/夜叠加层添加到Google地图
- 5
使用链接在Google地图中切换地面叠加层
- 6
使用伪元素创建背景叠加层
- 7
使用html2canvas在Google地图上下载d3.js叠加层的功能
- 8
如何创建要在弹出窗口下使用的叠加层
- 9
Android：如何使用片段中的浮动RecyclerView创建叠加层
- 10
如何使用CSS创建图像标题和图像叠加层？
- 11
我尝试使用 Javascript 创建叠加层，但叠加层没有显示
- 12
如何在 geoTools 中使用 GeometricShapeFactory 在地图上创建圆形
- 13
如何在 Android 中创建“始终在顶部叠加层”
- 14
如何使用OpenLayers在地图顶部创建可点击的网格层
- 15
如何使用OpenLayers在地图顶部创建可点击的网格层
- 16
避免在Google地图叠加层中重叠
- 17
避免在Google地图叠加层中重叠
- 18
使用CSS和z-index创建页面叠加层，然后在叠加层顶部放置一个元素
- 19
如何使用CSS在悬停时创建此透明图像叠加层？
- 20
如何使用CSS在悬停时创建此透明图像叠加层？
- 21
如何使用 itextsharp 在 Pdf 上创建一个区域的不透明叠加层？
- 22
如何触发传单地图以重新加载包括叠加层在内的所有内容？
- 23
单击时使用传单地图库获取图像叠加层的像素坐标（单击鼠标右键）
- 24
如何获取Google地图中叠加图形的fillColor？
- 25
如何在android中创建圆形图像... google +正在使用
- 26
google-map-api3如何使用原型删除叠加层
- 27
google-map-api3如何使用原型删除叠加层
- 28
如何制作圆形地图？使用谷歌地图
- 29
如何通过在Google地图上添加叠加图像来从Google地图中隐藏Google徽标？
我来说两句