我想在项目中使用Google Maps进行开放层。我尝试将地图整合到以下:https://github.com/mapgears/ol3-google-maps。但是我什至无法获得最简单的例子。该地图没有加载(空白空间),在控制台中,我得到了" ReferenceError:olgm未定义"。这是我拥有的代码:
<script>
...code...
var googleLayer = new olgm.layer.Google();
var center = [-7908084, 6177492];
var map = new ol.Map({
interactions: olgm.interaction.defaults(),
controls: ol.control.defaults().extend([
overviewMapControl,
mousePositionControl,
new ol.control.ScaleLine()
]),
layers: [googleLayer],
target: 'map',
view: new ol.View({
center: center,//[0, 0],
zoom: 2
})
});
var olGM = new olgm.OLGoogleMaps({map: map}); // map is the ol.Map instance
olGM.activate();
...code...
</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=MYKEYHERE"></script>
<script src="js/ol3gm-debug.js"></script>
我可能会做错什么?
在" olg3m-debug.js"脚本标签之后放置您的脚本标签。您需要检查Div ID。
并将您的脚本放入文档中,可以在初始化后使用DOM。
$( document ).ready(function() {
//your script goes here
});