小付地图学习

1.如何初始化地图

webViewMap={}  

CBSCache2.version = 1;

CBSCache2.id = CBSCache2.name;

CBSCache2.base64 = false;

webViewMap.map = new XiaoFu.Map("#cbscontent", { bgColor: "white" });  

webViewMap.baseLayer = new XiaoFu.XiaoFuCacheLayer(CBSCache2);

webViewMap.map.addLayer(webViewMap.baseLayer);

2.添加marker层

 var markerLayer = new XiaoFu.MarkerLayers("marker");

 webViewMap.map.addLayer(markerLayer);

3.添加多个marker

for(var i=0;i<count;i++){

var coordinates = data.message.recordSets[0].records[i].geometry.coordinates;

var x=coordinates[0];

var y=coordinates[1];

var demo = $("<img/>")

.attr("src", "http://images.cnblogs.com/marker.png")

.css("width", 30)

.css("height", 30)

.css("position", "absolute")

.css("cursor", "pointer")

.css("border", "0px solid white");

var markerId = 'marker'+i;

var marker = new XiaoFu.Marker({id:markerId,x:x,y:y});

marker.data = demo;

markerLayer.addChild(marker);

}

4.添加infowindow

infoWindow =new XiaoFu.InfoWindow();

infoWindow.strHtml="testinfowindow";

infoWindow.x = 14254888.263400003;

infoWindow.y = 5161875.567100003;

webViewMap.map.addLayer(infoWindow);

infoWindow.show();

5.添加control

control = new XiaoFu.Navigation();

webViewMap.map.addControl(control);

control.showNavBar();

6.地图的平移

var point = new XiaoFu.GeoPoint(x,y);

webViewMap.map.panTo(point);