Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在SVG标记中使用传单.js_Javascript_Maps_Leaflet - Fatal编程技术网

Javascript 在SVG标记中使用传单.js

Javascript 在SVG标记中使用传单.js,javascript,maps,leaflet,Javascript,Maps,Leaflet,是否可以在SVG标记内绘制地图?这可能意味着地图必须只有SVG版本,没有div。您可以使用将HTML嵌入到SVG中,这对于传单非常有效: 还有一个演示 var-map=L.map('map').setView([51.505,-0.09],12); L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{ 最大缩放:18 }).addTo(地图) html,正文{ 身高:100%; 保证金:0; } #svg{ 宽度:

是否可以在SVG标记内绘制地图?这可能意味着地图必须只有SVG版本,没有div。

您可以使用将HTML嵌入到SVG中,这对于传单非常有效:


还有一个演示

var-map=L.map('map').setView([51.505,-0.09],12);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
最大缩放:18
}).addTo(地图)
html,正文{
身高:100%;
保证金:0;
}
#svg{
宽度:100%;
身高:100%;
}
#地图{
宽度:100%;
身高:100%;
}

// setup your map as usual
var map = L.map('map').setView([51.505, -0.09], 12);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18
}).addTo(map);