如何在Leaflet弹出窗口中容纳图像大小?

时间:2019-08-05 17:43:37

标签: popup leaflet

我正在用gifshot和leafletjs进行实验。我想在标记弹出窗口中插入图像,但是问题是弹出窗口将无法调整其大小以适合内容。我尝试应用一些CSS规则,但是它不会显示在地图上的标记上,我需要一些提示和帮助来解决此问题。 这是显示我的问题的图像:

var animatedImage;

map.on('click', function(event){
 marker = map.mouseEventToLatLng(event.originalEvent);
 var icns = L.marker([marker.lat, marker.lng]).addTo(map);
 sessionStorage.setItem('lat', marker.lat);
 sessionStorage.setItem('lng', marker.lng);
 gifshot.createGIF({}, function(obj){
    if(!obj.error) {
      var image = obj.image,
      animatedImage = document.createElement('img');
      animatedImage.src = image;
      icns.bindPopup(animatedImage).openPopup();
    }       
  });
});

任何帮助将不胜感激。

0 个答案:

没有答案