目前接触百度地图API asp.net 应用 找到相关学习资料 很有帮助。效果如下图
百度地图API实例 http://developer.baidu.com/map/jsdemo.htm#a1_1
地图效果展示实例:http://www.hjlib.org/cd/tiles/zoom/index.html
百度地图 点聚合 http://www.cnblogs.com/chenjiahong/p/3917528.html
实现点聚合实例代码
- //创建和初始化地图函数:
- function initMap() {
- window.map = new BMap.Map("content",{ minZoom: 13,maxZoom:19 });//创建地图对象容器,地图级别最小13,最大14
- map.centerAndZoom(new BMap.Point(setCenter1,setCenter2),13);//设置地图中心点和初始缩放级别
- //map.centerAndZoom(new BMap.Point(118.789287,32.048784),4);
- map.setCurrentCity("沈阳"); var stCtrl = new BMap.PanoramaControl(); //构造全景控件
- stCtrl.setOffset(new BMap.Size(20,50));
- map.addControl(stCtrl); //添加全景控件
- //map.addControl(new BMap.ScaleControl());
- map.addControl(new BMap.NavigationControl()); //地图平移缩放控件
- map.enableScrollWheelZoom(); // 启动鼠标滚轮操作
- window.myDis = new BMapLib.DistanceTool(map); //测距
- window.searchClass = new SearchClass();//创建对象
- searchClass.setData(BASEDATA); //赋值
- var dd = searchClass.search({ k: "title",d: "",t: "more",s: "" }); //t:{single|more},s{all|!all} 查询数据(暂无用_2014.07.17)
- driving = new BMap.DrivingRoute(map,{//创建驾车对象
- renderOptions: {
- map: map,autoViewport: true,panel: "panel2"
- }
- });
- transit = new BMap.TransitRoute(map,{ //创建公交对象
- renderOptions: {
- map: map,panel: "panel2"
- }
- });
- local = new BMap.LocalSearch(map,{ onSearchComplete: searchComplete }); //创建查询对象
- addmarkers(dd); //向地图添加点聚合标注
- }
- //创建markers 点聚合
- window.addmarkers = function (data) {
- map.clearOverlays();
- var markers = [];
- for (var i = 0; i < data.length; i++) {
- var json = data[i];
- var p0 = json.point.split("|")[0];
- var p1 = json.point.split("|")[1];
- var point = new BMap.Point(p0,p1);
- var iconImg = createIcon(json.icon);
- var iw = createInfoWindow(i);
- markers.push(new BMap.Marker(point));
- var markerClusterer = new BMapLib.MarkerClusterer(map,{ markers: markers });
- }
- }