ol3-google-maps error: olgm is not defined

Question

我想在我的项目中使用 Google Openlayers 地图。我尝试将地图与此整合：https://github.com/mapgears/ol3-google-maps。但我什至不能让最简单的例子起作用。地图未加载（空白 space），在控制台中我得到 "ReferenceError: olgm is not defined"。这是我的代码：

    <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>

我可能做错了什么？

Answer 1

将您的脚本标签放在 "olg3m-debug.js" 脚本标签之后。您需要检查 div id。

并在初始化后将您的脚本放入文档中以备使用DOM。

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

ol3-google-maps error: olgm is not defined

ol3-google-maps error: olgm is not defined

javascript

openlayers-3

ol3-google-maps