html5geo 百度地图,科学网—使用百度地图API展示服务端传回的GEOJSON数据（PG JSON系列9） - 孙鹏的博文...

body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}

#allmap{height:500px;width:100%;}

#r-result{width:100%;}

GEOJSON作为百度地图的覆盖物示例

// 百度地图API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.404, 39.915);

map.centerAndZoom(point, 15);

$.ajax({

type: "GET",

url: "http://223.72.136.109/test/mytrace.json", //示例数据为{"mytrace":[{"id":1,"geometry":{"type": "Point", "coordinates": [117.404, 39.915]}},{"id":1,"geometry":{"type": "Point", "coordinates": [116.405, 39.915]}}]}

dataType : 'json',

error: function(xhr, ajaxOptions, thrownError){

},

success: function(data){

var allPoints = [];// 该数组用于调整地图视口

$.each(data.mytrace, function() {

var lng_lat = this.geometry.coordinates;

var point = new BMap.Point(lng_lat[0], lng_lat[1]);// 创建点

var marker = new BMap.Marker(point);

map.addOverlay(marker);

allPoints.push(point);

});

map.setViewport(allPoints);//调整视口

}

});