如何在Google地图中拥有多个数据图层?

时间:2017-03-21 22:30:37

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

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

这是我的问题。

我希望有一个数据图层,用于在地图上展示由用户绘制的多边形。与此同时,我希望有另一个数据层显示数据库中已存在的多边形。

我想通过创建2个数据层来实现这一目标:

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

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

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

1 个答案:

答案 0 :(得分:5)

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

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

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