超图js版本加载点图层和点要素

效果；

在此例子基础上进行；

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，三个目录，加到项目；