链接到小册子地图上的特定点

我有网站，在主页上有一些链接到我的城市的特定区域，我想将它们链接到第二页，其中有一张传单js地图。所以链接应该重定向到地图页面并缩放到地图上的特定点。链接到小册子地图上的特定点

所以像：的index.html - > map.html - - >变焦曼哈顿

其他环节应该打开同一个HTML网页，但不同的缩放点>链接“曼哈顿”上点击。

因此，它基本上只是必须做这样的事情：

map.panTo(new L.LatLng(40.737, -73.923));

但问题是，让这个JavaScript命令不能直到映射执行的单张地图上未初始化的index.html .html被加载。因此，map.html页面需要知道它必须放大到曼哈顿。

当链接不像<a href=""></a>但是在这样一个区域地图中：Link并且不同地区在raphael JS中只有一个href属性时，它也是可能的。

感谢大家！

来源

2017-06-26 mxhryvo

你不能在你使用index.html传单，但只map.html

在您的index.html插入链接与纬度经度和缩放作为参数传递给map.html。例如：

<a href="/map.html?lat=10.123&lng=20.567&zoom=13">link</a>

并在您的map.html中读取此参数以居中映射。例如：

<script> 
    function getQueryStringValue (key) { 
    return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURIComponent(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1")); 
    } 
    var lat = getQueryStringValue("lat")); 
    var lng = getQueryStringValue("lng")); 
    var zoom = getQueryStringValue("zoom")); 

    var mymap = L.map('mapid').setView([lat, lng], zoom); 
</script>

来源

2017-06-26 19:24:54 andrea689

链接到小册子地图上的特定点

回答

相关问题