javascript - 如何在谷歌地图中拥有多个数据层?

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

是否可以使用 Google Maps API 拥有多个数据层?我能找到的唯一现有相关问题是 this .

这是我的问题。

我想要一个数据层来展示用户正在绘制的 map 上的多边形。同时我想要另一个数据层来显示数据库中已经存在的多边形。

我想我会通过创建 2 个数据层来做到这一点:

drawLayer = new google.maps.Data();
savedLayer = new google.maps.Data();

但是当我使用 drawLayer.setControls(['Polygon']) 初始化绘图工具时,它不起作用。如果我将 drawLayer 替换为 map.data,则绘图工具可以正常工作。这是为什么?

JSFiddle: http://jsfiddle.net/pjaLdz6w/

最佳答案

在您的 fiddle 中,您没有将 drawLayer 声明为 google.maps.Data 对象。但即使你这样做了,你仍然需要给它一个 map 属性:

drawLayer = new google.maps.Data({map:map});

JSFiddle:http://jsfiddle.net/jbyd815y/

关于javascript - 如何在谷歌地图中拥有多个数据层?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42939396/

相关文章:

javascript - Vuejs 三元运算符/条件在 v-bind-style 中不起作用

javascript - Angularjs 指令 $compile 导致 ng-click 触发两次

javascript - 谷歌地图无法正常工作

javascript - 带数字的谷歌地图标记

javascript - 如何推送设置了特定状态的数据?

javascript - 如何使用 Javascript 从 Iframe 实现跨域 URL 访问?

javascript - 获取目录 map 的帖子位置

android - 如何在 map 中为谷歌默认图标放置我自己的图标?

javascript - $http 提供商向 Github API 发出外部请求,但不向 Google map API 发出外部请求

javascript - Google map API - 如何检查浏览器兼容性?