首先說一下天地圖的官網地址 https://ditu.zjzwfw.gov.cn/
不管是天地圖官網還是在網上搜索,關於天地圖的方法資料都比較少,我就把我知道的說一下。
在項目開發中如果有需要地圖引入的話,可選的地圖平台還是比較多的,例如 百度地圖,高德地圖,谷歌地圖,以及天地圖。值得注意的是不同的地圖使用的經緯度坐標系也不一樣,有的是地球坐標 (WGS84),有的是火星坐標 (GCJ-02)也叫國測局坐標系,還有百度坐標 (BD-09),不同的坐標系之間的坐標可以相互轉化。詳細的轉化規則可以參考 https://github.com/wandergis/coordtransform。
在天地圖官網的 開發中心 中有二維地圖開發的引入實例。但是對於項目引入的leaflet.js和CustomWebSDK是沒有具體的地址的,如果直接按照官網地圖引入方法使用function init(){}的話會直接報錯,下面我說一下我找到的引入地址
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<script src="https://ditu.zjzwfw.gov.cn/docs/vectormap/js/leaflet/CustomWebSDK.min.js"></script>
將這兩個文件引入index.html中就可以了
將這兩個文件引入index.html中就可以了
還要就是在引入function init(){}時,官網是沒有將token拼接在引入地址后面的,我們在引入的時候要在https://ditu.zjzwfw.gov.cn/mapserver/vmap/zjvmap/getMAP?x={x}&y={y}&l={z}&styleId=tdt_biaozhunyangshi_2017hou拼接上 &token='你的token'。
