1 json 数据格式
[{lat:"126.6654363824",lon:"45.8505727440392",shipUrl:"<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' '
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'><html xmlns='
http://www.w3.org/1999/xhtml'><head><meta http-equiv='Content-Type' content='text ml; charset=utf-8'/><link rel='stylesheet' href='
http://localhost:8080/vtms/resource/css/ship.css' type='text/css'/><title>海事机构信息</title></head><body><div class='ais_box'><div class='ais'><div class='header'><div class='header_imgbox'></div><div class='header_title'>船舶信息<span class='font_1'>INFORMATION</span></div></div><div class='content'><table border='0' cellpadding='0' cellspacing='0' class='content_table'><tr><td width='15%'>机构名称 </td><td width='35%'>测试二</td><td width='15%'>状态</td><td width='35%'>0<td></tr><tr><td>视觉高度</td><td>112.0</td><td>描述</td><td>啊大哥哥</td></tr><tr><td>经度</td><td>45.8505727440392</td><td>纬度</td><td>126.6654363824</td></tr> </table></div></div></div></body>< ml>"},{lat:"126.824322853832",lon:"45.8211259904423",shipUrl:"<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' '
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'><html xmlns='
http://www.w3.org/1999/xhtml'><head><meta http-equiv='Content-Type' content='text ml; charset=utf-8'/><link rel='stylesheet' href='
http://localhost:8080/vtms/resource/css/ship.css' type='text/css'/><title>海事机构信息</title></head><body><div class='ais_box'><div class='ais'><div class='header'><div class='header_imgbox'></div><div class='header_title'>船舶信息<span class='font_1'>INFORMATION</span></div></div><div class='content'><table border='0' cellpadding='0' cellspacing='0' class='content_table'><tr><td width='15%'>机构名称 </td><td width='35%'>qq</td><td width='15%'>状态</td><td width='35%'>0<td></tr><tr><td>视觉高度</td><td>11.0</td><td>描述</td><td>adfsdasfsdf</td></tr><tr><td>经度</td><td>45.8211259904423</td><td>纬度</td><td>126.824322853832</td></tr> </table></div></div></div></body>< ml>"}]
2 代码
function showLable() {
var a=document.getElementById("areaShape").value;
var s=document.getElementById("shapeData").value;
var lat;
var lon;
var viewHeight;
var name;
var maritimesectorUrl;
$.ajax({
type:"POST",
url:"maritimesectorAction_selectMarkByAjax.do?shapeData="+s+"&areaShape="+a+"",
success:function(msg){
alert(msg);
var jsonList=eval("("+msg+")");
for(var i=0;i<jsonList.length;i++){
lat=jsonList[i].lat;
lon=jsonList[i].lon;
name=jsonList[i].name;
viewHeight=jsonList[i].viewHeight;
maritimesectorUrl=jsonList[i].maritimesectorUrl;
alert(lat);
var a=document.getElementById("areaShape").value;
var s=document.getElementById("shapeData").value;
var lat;
var lon;
var viewHeight;
var name;
var maritimesectorUrl;
$.ajax({
type:"POST",
url:"maritimesectorAction_selectMarkByAjax.do?shapeData="+s+"&areaShape="+a+"",
success:function(msg){
alert(msg);
var jsonList=eval("("+msg+")");
for(var i=0;i<jsonList.length;i++){
lat=jsonList[i].lat;
lon=jsonList[i].lon;
name=jsonList[i].name;
viewHeight=jsonList[i].viewHeight;
maritimesectorUrl=jsonList[i].maritimesectorUrl;
alert(lat);
//显示气泡的方法
addBalloo(BALOONLAYER, name, ' http://baidu.com', lat, lon, 50000000000000,'true',' http://10.3.7.101:8080/gis/resource/img/dynamicVesselImage.png',32, 32,'true','getBallooid','UTF-8');
function getBallooid() {
}
}
}
});
}
addBalloo(BALOONLAYER, name, ' http://baidu.com', lat, lon, 50000000000000,'true',' http://10.3.7.101:8080/gis/resource/img/dynamicVesselImage.png',32, 32,'true','getBallooid','UTF-8');
function getBallooid() {
}
}
}
});
}