Leaflet 传单地图初始化相同地图/不同中心

我有一张地图显示在不同的页面上。我想让同一张地图居中，并根据显示地图的页面进行不同的缩放。 我试图编辑代码，但似乎只允许使用一个“L.map”：

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

---

有人有主意吗？非常感谢您的帮助

您可以在每个php页面上设置一个全局javascript变量，以了解您在哪个页面上，并更改映射设置

page1.php

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

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

---

您能在JSFIDLE上创建一个演示吗？否则我就不明白你想要什么和现在的问题是什么：谢谢你的合作！我不想使用两种不同的地图（“地图”和“地图2”）。我需要使用不同的ID标记在不同的页面上初始化相同的地图（“地图”），这样我就可以根据主页上的ID更改地图的缩放和居中。php有特定的坐标，在第1页上缩放。php有特定的坐标和缩放，等等。。。我希望足够清楚。。。抱歉误会…@user15019578我想我知道你想要什么，但我不明白你为什么要这样做。我更新了我的答案，你不必初始化两个地图，只需更改你正在使用的用于关注此问题的银行的数据。原因是我想让相同的map.js文件显示在不同的页面上，但具有不同的中心和缩放级别。我应该在哪里更改数据？地图是通过3个文件加载的：name.php（显示地图和其他内容）、map.js（创建具有不同多边形和图标的地图）和ployate.css（传单的原始css）。我只想为地图使用一个.js文件（map.js），在调用map.js的.php文件中，更改中心和缩放。非常感谢您的合作！

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}
);