addControl daje problem z ol.control.FullScreen
Aug 18 2020
Eksperymentuję z dostosowaniami OpenLayers, kiedy próbuję użyć map.addControlz ol.control.FullScreen, widzę ten komunikat o błędzie:
Uncaught TypeError: t.element.setMap nie jest funkcją
Ta wiadomość pochodzi od PluggableMap.js.
Robię to:
var map = new ol.Map({
target: 'map',
});
var fullScreen = new ol.control.FullScreen({className: 'ol-full-screen', tipLabel: 'Toggle full-screen'});
map.addControl(fullScreen);
var scaleLine = new ol.control.ScaleLine({className: 'ol-scale-line', target: document.getElementById('scale-line')});
map.addControl(scaleLine);
var view = new ol.View({
center: ol.proj.fromLonLat([9.25040, 45.54318]),
zoom: 2
});
map.setView(view);
var osm = new ol.layer.Tile({
source: new ol.source.OSM()
});
map.addLayer(osm);
Jeśli skomentuję fullScreen, widzę na mapie bez problemów.
Odpowiedzi
TomazicM Aug 20 2020 at 02:36
Po kilku eksperymentach wydaje się, że jest to błąd OL. Kod z pytania działa w IE11, Edge (nowość) i Chrome, ale nie w Firefoksie.
Na szczęście istnieje obejście. Jeśli kontrolka pełnego ekranu zostanie dodana jako domyślna kontrolka mapy, będzie działać również w przeglądarce Firefox.
Sterowanie jest w tym przypadku dodawane do mapy w ten sposób:
var map = new ol.Map({
target: 'map',
controls: ol.control.defaults().extend([new ol.control.FullScreen()])
});