如何在OpenLayers 3中使用谷歌地图?
我想迁移从的OpenLayers 2〜3.这里有一个例子:
谷歌与的OpenLayers例如地图的整合
,但使用这种方法需要改变旧的HTML代码(这两个元素的需求,"GMAP"和提到的例子"olmap").
ol3正式不支持谷歌地图,但我的问题是:
"如何在我的项目中使用谷歌地图平铺服务,如MapServer,无需为脚本标记添加谷歌API参考(用于优化目的)?"
这是我的旧代码,可以正常使用OpenLayers 2:
var map = new OpenLayers.Map("map_canvas", {
controls: [
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.OverviewMap()
],
units: "m",
numZoomLevels: 21
});
var gmap = new OpenLayers.Layer.Google(
{ type: google.maps.MapTypeId.ROADMAP, numZoomLevels: 21}
);
map.addLayers([gmap]);
Run Code Online (Sandbox Code Playgroud)
和HTML代码:
<div id="map_canvas">
</div>
Run Code Online (Sandbox Code Playgroud)
感谢任何帮助