使用jquery傳單地圖顯示默認地圖（世界地圖）

如何使用傳單地圖插件顯示不存在數據時的簡單默認地圖（世界地圖）。使用jquery傳單地圖顯示默認地圖（世界地圖）

感謝，毗溼奴

2012-02-28 user655334

您的意思是讓整個世界（而不是特定位置）顯示？ – 2012-03-08 00:36:11

每Quick Start Guide，請確保您包括單張CSS在文檔

3210

的<head>，並在末尾的傳單JavaScript文件的調用，通常您<body>標籤內

<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>

，並把<div>元素你想要你的地圖。在這種情況下，您可以使用以下內容來顯示沒有數據的世界地圖。

<div id="mapid" style="width: 600px; height: 330px;"></div> 
<script> 

    var mymap = L.map('mapid').setView([40, 0], 1); 

    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { 
     maxZoom: 18, 
     attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + 
      '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 
      'Imagery © <a href="http://mapbox.com">Mapbox</a>', 
     id: 'mapbox.streets' 
    }).addTo(mymap); 

</script>

setView([40,0],是經/緯度1);是一切以下L.tileLayer縮放級別（全世界）只是引用了一個基本的圖塊層，在這種情況下，CC-歸於一個從Mapbox但在線託管任何通用tilelayer應該在這裏工作以及。

來源

2016-10-19 03:39:49

使用jquery傳單地圖顯示默認地圖（世界地圖）

回答

相關問題