Arcgis for js实现北京地铁的展示
概述：
到此，基本功能已完成，完整代码如下：
通过获取百度地铁图数据，将北京市地铁图在Arcgis for js中实现展示。
效果：
初始化效果
放大后
鼠标经过线路高亮并显示名称
点击显示站点信息
实现：
1、获取地铁数据
a、打开百度地铁图
在chrom中输入地址http://map.baidu.com/subways/index.html?c=beijing
b、获取网络资源
按下f12，切换到NetWork面板，刷新页面，会出现如下所示：
在新的面板中打开对应的链接，即为北京地铁的原始数据，格式为xml
c、将xml转换为json
利用网络xml2json转换工具将xml转换为json，工具地址为http://www.bejson.com/go.php?u=http://www.bejson.com/xml2json/
2、将站点和线路添加到地图上
将上述转换后的json定义为一个变量，单独存储为一个js文件。在map的load事件完成后将站点和线路添加到地图，代码如下：
map.on("load",function(){
var legendDiv = $("").addClass("legend-box").appendTo($("#map"));
var titleDiv = $("").addClass("tr-title").appendTo(legendDiv).html("图例");
var legendTab = $("
").appendTo(legendDiv).hide();
titleDiv.on("click",function(){
if(!legendTab.is(":hidden")){
legendTab.hide();
}
else{
legendTab.show();
}
});
var mulPt = new Multipoint();
var subLines = subData.sw.l;
for(var i= 0,ll =subLines.length;i![]()
").attr("src","chg_stat.png").attr("width","15px").attr("height","15px");
var legendText = $("").addClass("legend-item-text").html("换乘站点");
var tdColor = $("添加鼠标经过和单机等事件，代码如下：
map.on("zoom-end",function(){
var level =map.getLevel();
if(level>0){
subwayLabel.show();
}
else{
subwayLabel.hide();
}
});
subwayStop.on("mouse-over",function(evt){
var scrPt = map.toScreen(evt.graphic.geometry);
var statName = evt.graphic.attributes.lb;
var stopName = $("").attr("id","stopName")
.addClass("stat-name-box")
.html(statName)
.css("left",scrPt.x)
.css("top",scrPt.y+20)
.appendTo($("#map"));
map.setMapCursor("pointer");
});
subwayStop.on("mouse-out",function(evt){
$("#stopName").remove();
map.setMapCursor("default");
});
subwayStop.on("click",function(evt){
var stopName= evt.graphic.attributes.lb;
var lineName = evt.graphic.attributes.ln;
lineName = lineName.split(",");
var title = ""+stopName+"";
var content="可乘坐：
";
for(var i=0;i到此，基本功能已完成，完整代码如下：
北京地铁