ol3-google-maps错误：olgm未定义

我想在我的项目中使用Google Maps for Openlayers。我尝试着将这些地图整合在一起：https://github.com/mapgears/ol3-google-maps。但是我连最简单的例子都无法工作。地图不会加载（空白区域），并且在控制台中，我会看到“ReferenceError：olgm未定义”。这是我的代码：ol3-google-maps错误：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>

我可能会做什么错？

来源

2016-12-08 thebat93

将脚本标记放在“olg3m-debug.js”脚本标记之后。 – hurricane

好的，这解决了这个错误，但我仍然得到空白的地图。有任何想法吗？ – thebat93

您需要检查div ID。 – hurricane

将脚本标记放在“olg3m-debug.js”脚本标记之后。你需要检查div id。

在初始化后，将脚本放入文档中准备好使用DOM。

$(document).ready(function() { 
    //your script goes here 
});

来源

2016-12-08 08:52:19 hurricane

我做了所有这些，但我仍然得到空白地图我试图复制并运行这个例子（http://mapgears.github.io/ol3 -google-maps/examples/dist/examples/simple.html），但我仍然得到相同的结果。 – thebat93

您是否愿意在您的示例中创建一个JSFiddle？我愿意尝试查看哪些问题有帮助。 –

@AlexandreDubé创建你自己，我会帮你的 – hurricane

ol3-google-maps错误：olgm未定义

回答

相关问题