MapsEngine Google - 地图插入答案

【问题标题】：MapsEngine Google - Maps InsertMapsEngine Google - 地图插入
【发布时间】：2023-03-17 10:53:01
【问题描述】：

我使用 Maps Engine Lite 创建了一张地图。之后，我尝试将它插入到我的网页中，问题是我需要一个外部缩放级别，但我无法获得它（使用获取参数，如“z”或“zoom”）。所以我尝试通过 Google Maps API 插入它。我想从这段代码中做到这一点：

https://mapsengine.google.com/map/embed?mid=XXXXX

有没有办法“创建”一个以 XXXXX 作为参数的地图？我试过这个，但对我不起作用：

var map;
function initialize() {
var mapOptions = {
    zoom: 8,
    center: new google.maps.Load('XXXXX'),
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
        mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);

注意：“div#map-canvas”存在于此脚本之后，并且在此之前包含了来自 google 的库。

PS：对不起，我的英语，我的母语是西班牙语。

【问题讨论】：

标签： javascript google-maps google-maps-api-3 google-maps-engine

【解决方案1】：

您正在尝试做两件不同的事情。您尝试执行的代码用于加载 Maps Javascript API。您可以使用它来创建自己的地图表单草稿。对于使用 Maps Engine Lite 创建的地图，您唯一的选择是将地图嵌入到您自己的站点中。为此，请确保您的地图设置为公开，然后单击左侧面板中的文件夹图标。您会看到“嵌入到我的网站”选项，它会为您提供可以复制/粘贴的 HTML。

您可以探索的另一个选项是使用 Maps API 构建地图，然后使用 KmlLayer 链接到 Maps Engine Lite KML。您提供的链接是https://mapsengine.google.com/map/kml?mid=XXX 请注意，这种方式在 Google 地图中对 KML 的支持是有限的，因此您可能会得到意想不到的结果。

【讨论】：

【解决方案2】：

首先，您需要为此创建一个 API 密钥... xxx 不起作用:) 请关注此 LINK 它有完整的详细信息，您可以如何通过 javascript 使用该 google maps api。上面的代码应该在创建一个有效的地图键后工作。

谢谢

【讨论】：