地图的初始化

判断浏览器是否支持canvas

function init() {
    if(!document.createElement('canvas').getContext) {
        alert('您的浏览器不支持 canvas，请升级');
        return;
    }

//初始化地图
    map = new SuperMap.Map("map",{controls: [
        new SuperMap.Control.ScaleLine(),
        new SuperMap.Control.Zoom(),
        new SuperMap.Control.MousePosition(),
        new SuperMap.Control.Navigation({
            dragPanOptions: {
                enableKinetic: true
            }
        })],
        projection: "EPSG:3857"
    });
    layer = new SuperMap.Layer.CloudLayer();
    addLayer();

function addLayer() {
    //初始化动画矢量图层
    animatorVector = new SuperMap.Layer.AnimatorVector("Metro", {rendererType:"StretchLine"},{
        repeat:false,
        //设置速度为每帧播放0.05的数据
        speed:0.05,
        //开始时间为0
        startTime:0,
        //每秒渲染12帧
        frameRate:12,
        //结束时间设置为10
        endTime:10
    });

 vectorLayer = new SuperMap.Layer.Vector("point");
    animatorVector.events.on({"drawfeaturestart": drawfeaturestart});
    animatorVector.animator.events.on({"firstframestart":framestart});
    map.addLayers([layer,animatorVector,vectorLayer]);
    map.setCenter(new SuperMap.LonLat(12958264.797366,4846889.6362871), 11);
    var selectFeature = new SuperMap.Control.SelectFeature(vectorLayer, {
        onSelect: onFeatureSelected
    });
    map.addControl(selectFeature);
    selectFeature.activate();
    addMetro();
    layer.setVisibility(true);
}
function framestart()
{
    vectorLayer.removeAllFeatures();
    map.removeAllPopup();
}
function drawfeaturestart(feature)
{
    var featureId = feature.attributes.FEATUREID;
    //删除弹出框
    if(!popups[featureId]) popups[featureId] = [];
    for(var n = 0;n<popups[featureId].length;n++)
    {
        map.removePopup(popups[featureId][n]);
    }
    popups[featureId] = [];
    var arr = [];
    for(var i = 0;i<feature.geometry.components.length;i++)
    {
        var ml = feature.geometry.components[i];
        var po = ml.components[0];
        var contentHTML = "";
        contentHTML += "<span style=' font-size:12px; line-height: 12px;background-color: #fff'>";
        contentHTML += po.MetroName+"站";
        contentHTML += "</span>";
        var popup = new SuperMap.Popup("d",
                new SuperMap.LonLat(po.x,po.y),
                new SuperMap.Size((po.MetroName.length+1)*12,12),
                contentHTML,
                false);
        popup.setOpacity(0.8);
        popup.setBackgroundColor("#fff");
        popup.setBorder("1px solid "+feature.style.fillColor);
        popups[featureId].push(popup);
        map.addPopup(popup);

        var fea = new SuperMap.Feature.Vector(
                po,
                {
                    metro:po.Metro,
                    name:po.MetroName
                },
                feature.style
        );
        arr.push(fea);
    }
    vectorLayer.addFeatures(arr);
}
//选择具体地铁站
function onFeatureSelected(e)
{
    if(popup)
    {
        map.removePopup(popup);
    }

    popup = new SuperMap.Popup.FramedCloud("chicken",
            new SuperMap.LonLat(e.geometry.x,e.geometry.y),
            null,
            "地铁"+e.attributes["metro"]+"</br>"+e.attributes["name"]+"站",
            null,
            true);
    map.addPopup(popup);
}
//添加数据
function addMetro()
{
    var getFeatureParam, getFeatureBySQLService, getFeatureBySQLParams;

    getFeatureParam = new SuperMap.REST.FilterParameter({
        name: "Metro@DynamicData",
        attributeFilter: "SmID < 138"
    });
    getFeatureBySQLParams = new SuperMap.REST.GetFeaturesBySQLParameters({
        queryParameter: getFeatureParam,
        datasetNames:["DynamicData:Metro"]
    });
    getFeatureBySQLParams.toIndex  = 137;
    getFeatureBySQLService = new SuperMap.REST.GetFeaturesBySQLService(url2, {
        eventListeners: {"processCompleted": processCompleted, "processFailed": processFailed}});

    getFeatureBySQLService.processAsync(getFeatureBySQLParams);

}
function processCompleted(getFeaturesEventArgs){
    var features,result = getFeaturesEventArgs.result;
    if (result && result.features) {
        features = result.features;
    }
    var lineFeatures = [];
    //循环有几条地铁
    for(var i = 0,len = features.length;i<len;i++)
    {
        //有几个部分的情况
        var arrL = [];
        if(features[i].geometry.CLASS_NAME == "SuperMap.Geometry.MultiLineString"){
            var metro = features[i].geometry.components;
            //循环每一条地铁分几部分修建
            for(var j=0;j<metro.length;j++)
            {
                var part = metro[j];
                var arrP = [];
                var m = 0;
                for(var k=0;k < part.components.length;k++)
                {
                    var pp = part.components[k];
                    var point = new SuperMap.Geometry.Point(pp.x,pp.y);
                    //名字
                    var metroname = [];
                    metroname =  features[i].attributes.ATTRIBUTION.split(",");
                    point.MetroName = metroname[m];
                    m = m + 1;
                    point.Metro = features[i].attributes.LINENAME;
                    arrP.push(point);
                }
                var lineString = new SuperMap.Geometry.LineString(arrP);
                arrL.push(lineString);
            }
        }
        else{
            var metro1 = features[i].geometry.components;
            var arrP1 = [];
            for(var a=0;a<metro1.length;a++)
            {
                var point1 = metro1[a];
                metroname1 = features[i].attributes.ATTRIBUTION.split(",");
                point1.MetroName = metroname1[a];
                point1.Metro = features[i].attributes.LINENAME;
                arrP1.push(point1);
            }
            var lineString1 = new SuperMap.Geometry.LineString(arrP1);
            arrL.push(lineString1);
        }
        var multiLineString = new SuperMap.Geometry.MultiLineString(arrL);

        var mm = parseInt(features[i].attributes.LINENUMBER);
        var sty = style["style"+mm];

        var lineFeature = new SuperMap.Feature.Vector(multiLineString,{
            FEATUREID:features[i].attributes.FEATUREID,
            TIME:features[i].attributes.TIME
        },sty);
        lineFeatures.push(lineFeature);
    }
    animatorVector.addFeatures(lineFeatures);
}
function processFailed(e){
    alert(e.error.errorMsg);
}
//开始播放动画
function startAnimator(){
    animatorVector.animator.start();
}
//暂停播放动画
function pauseAnimator(){
    animatorVector.animator.pause();
}
//切换底图的显示
function show(){
    layer.setVisibility(!layer.getVisibility());
}