當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

SuperMap iClient for Leaflet入门学习

發布時間：2025/4/14 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 SuperMap iClient for Leaflet入门学习小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Leaflet是一個開源的地圖Javascript庫；

SuperMap iClient for Leaflet 在線示例；
https://iclient.supermap.io/examples/leaflet/editor.html#03_themeGraduatedSymbol

下面來看一個入門例子；
顯示一幅中國地圖；

代碼；

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/include-web.js"></script> </head> <body> <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div> <script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script> <script type="text/javascript">var host = window.isLocal ? window.server : "https://iserver.supermap.io";var map, url = host + "/iserver/services/map-china400/rest/maps/China";map = L.map('map', {center: [39, 100],maxZoom: 18,zoom: 4});L.supermap.tiledMapLayer(url).addTo(map);</script> </body> </html>

看上去語法和iClient for javascript不同；
創建地圖控件使用 map = L.map(‘map’, …);
中心點，center: [39, 100],
縮放級別；
maxZoom: 18,
zoom: 4
添加一個基本圖層使用L.supermap.tiledMapLayer類的addTo()方法；url是發布出來的服務網址；
L.supermap.tiledMapLayer(url).addTo(map);

總結

以上是生活随笔為你收集整理的SuperMap iClient for Leaflet入门学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：超图单值专题图 - 行政区划类型学习
下一篇：体感Kinect手势识别开发基本原理