传单地图初始化相同的 map/different 个中心

Question

我在不同的页面上显示了一张地图。我希望根据显示地图的页面以不同方式居中和缩放相同的地图。我试图编辑代码，但似乎只有一个“L.map”被承认：

 var map = L.map('single-map', {
    center: [20, 20],
    minZoom: 2,
    zoom: 5,
    scrollWheelZoom: false
});

有人有想法吗？非常感谢您的帮助！

Answer 1

您可以在每个 php 页面上设置一个全局 javascript 变量以了解您所在的页面并更改地图设置

page1.php

<script>
var page = 'page1'; // change between homepage and page1
</script>
<div id="page1" class="map"></div>

homepage.php

<script>
var page = 'homepage'; // change between homepage and page1
</script>
<div id="homepage" class="map"></div>

然后您可以根据页面在设置之间切换：

var id, center, zoom;

switch(page){
    case 'page1':
    id = 'page1';
    center = [45, 15];
    zoom = 8;
    break;
  case 'hompage':
    // fall through
  default:
    id = 'homepage';
    center = [46, 15];
    zoom = 5;
    break;
      
}

var map = L.map(id, {
    center: center,
    minZoom: 2,
    zoom: zoom,
    scrollWheelZoom: false}
);

https://jsfiddle.net/falkedesign/nLbp8d17/

传单地图初始化相同的 map/different 个中心

Leaflet Map initialize same map/different centers

maps

leaflet