html加载弹一下,在页面加载时打开所有弹出窗口popup2.html

Leaflet1

integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="

crossorigin=""/>

crossorigin="">

body {

margin: 0px;

padding: 0px;

}

/**

* 单独设置mapid为100%不显示，可能float坍塌

*/

html,

body,

#mapDiv {

height: 100%;

width: 100%;

}

//地图地址

var url = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw';

var attr = ' Map data © OpenStreetMap contributors, © CartoDB';

var leafletMap = L.map('mapDiv').setView([51.505, -0.09], 13);

//图层

L.tileLayer(url, {

maxZoom: 18,

attribution: attr,

id: 'mapbox.streets'

}).addTo(leafletMap);

/**

* 使用了{autoClose:false}

*/

L.marker([51.5, -0.09]).addTo(leafletMap)

.bindPopup("Hello world!
I am a popup.",{autoClose:false}).openPopup();

L.marker([51.5, -0.08]).addTo(leafletMap)

.bindPopup("Hello world!
I am a popup.",{autoClose:false}).openPopup();

一键复制

编辑

Web IDE

原始数据

按行查看

历史