某网站现有Leaflet地图的访问方法

Access methods of existing Leaflet map on a website

我愿意flyTo() on an existing map on http://leaflet-extras.github.io/leaflet-providers/preview/

当我在 Firefox(或 Vivaldi's/Chromium')的 Web 控制台中键入 map 时,会返回 <div> 容器。如何让 JS map 变量能够调用 map.flyTo(<LatLng>)?

欢迎来到 SO!

不幸的是,在您 link 的演示页面上,Leaflet Map 初始化发生在 JavaScript IIFE 中,即在本地独立范围内:

https://github.com/leaflet-extras/leaflet-providers/blob/8833ac605c3e64da58700a79a75eca01463e7afe/preview/preview.js#L4

(function() {
  'use strict';

  var map = L.map('map', {
    zoomControl: false,
  }).setView([48, -3], 5);

  // more code...

})(); // End of IIFE

因此,您将无法从外部范围访问该本地 map 变量,即从您可以在浏览器 Web 控制台上访问的 window

我也不知道在 Leaflet 中默认从其 DOM 容器检索 Map 对象的方法。