link 传单地图上的特定点

Question

我有一个网站，主页上有一些 link 到我所在城市的特定地区，我想 link 它们到第二页，那里有传单 js 地图。所以 link 应该重定向到地图页面并缩放到地图上的特定点。

很喜欢： index.html -> 单击 link "Manhattan" -> map.html -> 缩放到曼哈顿

其他 link 应打开相同的 html 页面，但缩放点不同。

所以它基本上只需要做这样的事情：

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

但问题是传单地图没有在index.html上初始化，所以这个javascript命令只有在map.html加载后才能执行。所以 map.html 页面需要知道它必须缩放到曼哈顿。

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

谢谢大家！

Answer 1

您不能在 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"), ""));  
  } 
  var lat = getQueryStringValue("lat"));
  var lng = getQueryStringValue("lng"));
  var zoom = getQueryStringValue("zoom"));

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

link 传单地图上的特定点

link to a specific point on leaflet map

javascript

html

leaflet

raphael