javascript - Openlayers3 要素からマップを取得

Question

Openlayers 3 で、特定の html 要素に添付されたマップを取得する方法はありますか?

何かのようなもの：

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

マップ オブジェクトには HTML 要素への参照がありますが、HTML 要素にはマップ オブジェクトへの参照がありません。HTML 要素はマップ オブジェクトについてまったく認識しません。

jQuery を使用する場合は、データ メソッドを使用して、マップへの参照を jQuery オブジェクトに格納できます。例えば：

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

次に、要素からマップへの参照を取得します。

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