谷歌地图; 将地点卡添加到标记
numediaweb
如下图所示，div（左上方）显示了当前标记的地址/方向/保存。
这是使用iframeGoogle地图中的嵌入式代码完成的。但是，如何使用自定义“编码”地图来做同样的事情？
geocoder = new google.maps.Geocoder();
geocoder.geocode({
"address": nw.google_pointer
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var myOptions = {
zoom: parseInt(nw.google_zoom),
center: results[0].geometry.location,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
title: nw.google_pointer
});
} else {
console.log('Geocode was not successful for the following reason: ' + status);
}
});
jcsmesquita
jsbin与我的解决方案
背景：
对于这里和这里的鼠标滚轮滚动问题，我需要更好的解决方案。获得我想要的行为的最好方法是坚持使用API，但是我真的很喜欢嵌入式版本中显示的卡。
方法：
- 从嵌入式版本复制的卡代码和关联的CSS。
- 在javascript中，准备好后将卡片html附加到呈现的地图中
我的自定义：
- 取消了“保存”选项，因为它不起作用。
- 定位卡在右上角-查看javascript中附加的html，它以绝对位置进行硬编码，您可以更改此名称，也可以根据需要将其与类关联。
希望这对您有用！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
将弹出窗口添加到谷歌地图标记
- 2
谷歌地图标记未添加到地图
- 3
谷歌地图摆脱标记
- 4
单击 Angular 2 时将标记添加到谷歌地图
- 5
谷歌地图 API 将信息窗口添加到点击事件的标记数组
- 6
如何使用谷歌地图标记地点
- 7
如何将谷歌地图添加到照明元素？
- 8
点击地图时，谷歌地图关闭标记
- 9
谷歌地图中的多个标记
- 10
扑谷歌地图：更新标记
- 11
谷歌地图上的多个标记
- 12
谷歌地图中的多个标记？
- 13
谷歌地图不显示标记
- 14
角度谷歌地图标记
- 15
RxJS 谷歌地图标记
- 16
更改谷歌地图 POIItem 标记
- 17
谷歌地图标记比较
- 18
谷歌地图标记 Javascript
- 19
在谷歌地图上放置标记
- 20
谷歌地图添加删除折线
- 21
如何动态添加谷歌地图
- 22
在谷歌地图周围添加文字
- 23
在谷歌地图上添加 topojson
- 24
如何添加谷歌地图标记
- 25
将纬度和经度附加到谷歌地图中的标记
- 26
谷歌地图标记API标记的标题
- 27
尝试将 firebase 库添加到使用谷歌地图 API 的应用程序时出错
- 28
将搜索框添加到多边形绘图谷歌地图
- 29
将 mouseever 事件添加到谷歌地图方向服务路线
我来说两句