Leaflet 如何在引导页模板中显示传单标记的弹出窗口?

Leaflet 如何在引导页模板中显示传单标记的弹出窗口?,leaflet,bootstrap-modal,Leaflet,Bootstrap Modal,我尝试了这段代码,但问题仍然存在: var customPopup=“Mozilla多伦多办事处…”; //指定弹出选项 var自定义选项= { “maxWidth”:“500”, 'className':'custom' } //创建标记对象,将自定义图标作为选项传递, //将内容和选项传递到弹出窗口,添加到地图 L.标记([43.64701,-79.39425]{ 图标:firefoxIcon }).bindPopup(customPopup,customOptions).addTo(map

我尝试了这段代码,但问题仍然存在:

var customPopup=“Mozilla多伦多办事处…”;
//指定弹出选项
var自定义选项=
{
“maxWidth”:“500”,
'className':'custom'
}
//创建标记对象,将自定义图标作为选项传递,
//将内容和选项传递到弹出窗口,添加到地图
L.标记([43.64701,-79.39425]{
图标:firefoxIcon
}).bindPopup(customPopup,customOptions).addTo(map);

我做错了什么?

你只需要意识到你提到的示例应用程序使用了引导模式,而不是传单的弹出窗口

因此,您可以准备一个占位符模式,在您的标记点击事件中填充它并显示模式,而不是将传单弹出窗口附加到标记上(即
L.marker().bindpoop()


&时代;
接近

var myMarker=L.marker(latLng).addTo(map);
麦肯({
点击:功能(e){
$(“#专题标题”).html(myMarkerTitle);
$(“#功能信息”).html(myMarkerContent);
$(#featureModal”).modal(“show”);
}
});
//创建地图对象,告诉它生活在“地图”div中,并给出初始纬度、经度和缩放值
var map=L.map('map',{scrollWheelZoom:false}).setView([43.64701,-79.39425],15);
//将OpenStreetMap和属性信息中的基础地图分幅添加到“地图”div
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(地图);
//创建自定义图标
var firefoxIcon=L.icon({
伊克努尔:'http://joshuafrazier.info/images/firefox.svg',
图标大小:[38,95],//图标的大小
popupAnchor:[0,-15]
});
//创建弹出内容
var customPopup=“Mozilla多伦多办事处
”; //指定弹出选项 var自定义选项= { “maxWidth”:“500”, 'className':'custom' } //创建标记对象,将自定义图标作为选项传递,将内容和选项传递到弹出窗口,添加到地图 L.marker([43.64701,-79.39425],{icon:firefoxIcon}).bindPopup(customPopup,customOptions).addTo(map)

#地图{
宽度:960px;
高度:500px;
}
/*自定义传单默认样式的css*/
.自定义。传单弹出提示,
.自定义.传单弹出式内容包装器{
背景:#e93434;
颜色:#ffffff;
}