效果；

在此例子基礎上進行；

https://blog.csdn.net/bcbobo21cn/article/details/89085909

?

定義一個js變量testlayer；
地圖服務的url:
host = "http://localhost:8090";
url = host + "/iserver/services/map-china400/rest/maps/China";

加載了layer圖層之后；定義一個Vector類型的圖層，名稱為"測試圖層"，賦值給testlayer；
然后把testlayer也加載到map上；然后調用addGeoTest();

addGeoTest()中；
定義一個點，經緯度是105、35；賦值給geometry；
用geometry構造一個Vector類型的要素，賦值給pointFeature；
定義點要素的樣式風格，并賦值；
把點要素添加到testlayer圖層；

?

function addLayer(){map.addLayer(layer);testlayer = new SuperMap.Layer.Vector("測試圖層");map.addLayer(testlayer);//顯示地圖范圍map.setCenter(new SuperMap.LonLat(0, 0), 1);addGeoTest(); }function addGeoTest() {var geometry = new SuperMap.Geometry.Point(105, 35);var pointFeature = new SuperMap.Feature.Vector(geometry);var styleTest = {label: "測試點",fontColor: "#0000ff",fontOpacity: "0.5",fontFamily: "隸書",fontSize: "2em",fontWeight: "bold",fontStyle: "italic",labelSelect: "true",}pointFeature.style = styleTest;testlayer.addFeatures([pointFeature]); }

?

超圖的js示例下載；

?

把它示例的css、libs、theme，三個目錄，加到項目；

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的超图js版本加载点图层和点要素的全部內容，希望文章能夠幫你解決所遇到的問題。

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