Question

我正在尝试将我在谷歌地图引擎中制作的地图嵌入我的网站。我无法使简单的谷歌地图引擎的代码工作。我复制粘贴谷歌地图引擎的示例代码，并根据我自己的项目更改详细信息，但它不起作用。我看到了底图，但我没有看到任何图层。我添加自己的API密钥，它给出了错误，即使没有它，它也无法正常工作。我暂时不在任何服务器上工作，无论如何与服务器问题有关？如果有人能告诉我我做错了什么，我真的很感激。

这是我的代码：

<!DOCTYPE html>
<html>
  <head>
  <title>Maps Engine Layer</title>

 <style>
  html, body, #map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px
  }
 </style>
 <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

    <script>
       function initialize() {
            var mapOptions = {
            zoom: 14,
            center: new google.maps.LatLng(53.467216, -2.233701)
              };

             var map = new google.maps.Map(document.getElementById('map-canvas'),
             mapOptions);

            var mapsEngineLayer = new google.maps.visualization.MapsEngineLayer({
            layerId: '16665525185230662248-09052745394509652502',
            map: map
              });
            }
            google.maps.event.addDomListener(window, 'load', initialize);

       </script>
     </head>
    <body>
        <div id="map-canvas"></div>
     </body>
    </html>

Answer 1

您需要至少包含visualization library。

从您引用的示例中：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=visualization&sensor=false"></script>

之后我收到此错误：

Failed to load resource: the server responded with a status of 404 (Not Found) https://accounts.google.com/ServiceLogin?service=mapsengine&passive=1209600…Fmaproot%2Fjson%3Foutput%3Djsonp%26access_token%26callback%3D_xdc_._w3rg1a

也许你需要允许访问。

Answer 2

我认为您需要启用google maps engine API以允许您的应用访问可视化。并将&libraries=visualization添加到api uri请求中。

转到Google API控制台页面，为您的项目api启用它。

无法在我的网站上使用Google Maps Engine

2 个答案: