javascript - Openlayers 从元素获取 map

Question

Openlayers 3 中有没有办法获取附加到特定 html 元素的 map ？

就像是:

var map = new ol.Map({
  view: new ol.View({
    center: [0, 0],
    zoom: 1
  }),
  layers: [
    new ol.layer.Tile({
      source: new ol.source.MapQuest({layer: 'osm'})
    })
  ],
  target: 'map'
});

//Later on, in a different file
var myMap = $("#map").ol.Map()

Answer 1

map 对象具有对 HTML 元素的引用，但 HTML 元素没有对 map 对象的引用。 HTML 元素根本不知道 map 对象。

如果您使用 jQuery，您可以使用 data method 将 map 的引用存储在 jQuery 对象中。 .例如:

var map = new ol.Map({
  target: 'map', 
  //... 
});
$('#map').data('map', map);

然后，从元素中获取对 map 的引用:

var map = $('#map').data('map');