将特定图层嵌入 Google 地图

Question

我的 Google 地图的嵌入代码是：

<iframe src="https://www.google.com/maps/d/embed?mid=zntuAGg8LK44.k9Si-_ekqYvk" width="640" height="480"></iframe>

这给出了一个有 6 个图层的地图，我正在制作一个 Javascript/jQuery 地图系统，它在单击时更改图层。或者只是为每一层都有一个单独的地图。问题是，当您开始时，它没有选择任何图层。

有什么方法可以获取特定图层。例如：

https://www.google.com/maps/d/embed?mid=mapsID&layer=1

因此它从该层开始（无论是方向、定位销还是其他任何东西。

谢谢，如果我能得到任何帮助，即使没有也谢谢 :) -PXgamer

Answer 1

这样的事情可能会给你一个想法：

var layers = { directionslayer:null, locationpinslayer:null, whateverlayer:null };

// Create your layers (layers.directionslayer = etc.)

// e.g. https://mywebsite.com/map#directionslayer
var currentLayer = window.location.hash.slice(1).toLowerCase();

if (layers[currentLayer])
    setLayer(layers[currentLayer]);
else
    setLayer(layers.directionslayer);

function setLayer(layer){
    for (prop in layers)
        layers[prop].setMap(null);
    layer.setMap(map);
}

将特定图层嵌入 Google 地图

Embed a specific layer into a Google Map

html

javascript

embed

google-maps