superMap添加marker及連線

最終效果以下：

前期初始地圖渲染：

//建立地圖控件
function init() {
    map = new SuperMap.Map ("map");
    //建立分塊動態REST圖層，該圖層顯示iserver 8C 服務發佈的地圖,
    //其中"world"爲圖層名稱，url圖層的服務地址，{transparent: true}設置到url的可選參數
    layer = new SuperMap.Layer.TiledDynamicRESTLayer("zonghe", url, null, {maxResolution:"auto"});
    layer.events.on({"layerInitialized": addLayer});
};
//建立圖層
function addLayer() {
    //將Layer圖層加載到Map對象上
    map.addLayer(layer);
    //出圖，map.setCenter函數顯示地圖
    map.setCenter(new SuperMap.LonLat(23889.63, 27106.82), 1);
};

1、建立marker方法:

1.首先從後臺獲取座標數據（我獲取的是平面座標系）；

2.經過new SuperMap.Layer.Markers("Markers")對象進行聲明；

3.以後經過addMarker()方法添加座標點；

4.最後經過addLayer()方法將marker添加到矢量圖中

如下是完整代碼：

　　var marker = new SuperMap.Layer.Markers("Markers");

      var size = new SuperMap.Size(21,25);//大小

　　var offset = new SuperMap.Pixel(-(size.w/2),-size.h);//偏移量

　　var icon = new SuperMap.Icon('./static/imgs/icon_position.png',size,offset);//marker圖片

　　map.addLayer(marker);

 

2、marker點連線方法：

1.首先利用new SuperMap.Layer.Vector()方法建立一個線圖層；

2.以後利用new SuperMap.Geometry.LineString()方法建立線串；

3.利用new SuperMap.Feature.Vector()方法對線的顏色進行更改；

4.以後利用圖層的addFeatures()方法將更改的樣式加入到圖層中；

5.最後將建立後的圖層加入到底圖中去；

如下是完整代碼：

　　var points = [];

　　points.push(new SuperMap.Geometry.Point(233,66));//建立點

　　points.push(new SuperMap.Geometry.Point(244,67));//建立點

　　points.push(new SuperMap.Geometry.Point(233,66));//建立點

　　var lineLayer = new SuperMap.Layer.Vector("lineLayer");//建立矢量圖層

　　var geometry = new SuperMap.Geometry.LineString(points);

　　var style = {

　　　　strokeColor:"red",

　　　　strokeWidth:2,

　　　　pointerEvent:"visiblePainted",

　　　　fillColor:"#304BDE",

　　　　fillOpacity:0.8

　　};

　　var feature = new SuperMap.Feature.Vector(geometry,null,style);

　　lineLayer.addFeatures(feature,style);

　　map.addLayer(lineLayer);