1、Map
基础的地图对象,他是地图API的基础,没有他其它的一切都无从谈起,创建(或实例化)一个地图对象,一般需要以下条件(或参数)。
地图容器(通俗说就是放在哪个DOM元素中,注意这里最好用块元素,不要使用行元素)
常用的地图API MAP对象实例
google map api v3:
new google.maps.Map(document.getElementById('mapdiv'));
Ali yun map api:
new AliMap('mapdiv');说明:当然在创建地图Map对象时也可以附加一个参数对象
google map api v3:
new google.maps.Map(document.getElementById('mapdiv'),{ zoom:8, //缩放级别 center:location, //中心经纬度实例的坐标类 mapTypeId: google.maps.MapTypeId.ROADMAP //地图的类型 });Ali yun map api:
new AliMap('mapdiv',{ zoom:8, //缩放级别 center:location //中心经纬度实例的坐标类 });2、LatLng
用指定的经纬度数值实例化坐标对象.地图API好多对象的实例化或操作过程需要该对象参与.注意参数的顺序,常用的地图API LatLng对象实例
google map api v3:
var location=new google.maps.LatLng(lat,lng); //lat是纬度数值Ali yun map api:
var location=new AliLatLng(lat,lng);说明:经纬度数值的小数位可能很长,如果要将他存入数据库中可以保留小数点后6位。
3、Marker
该对象可以在地图上对目标进行图标标注.创建(或实例化)一个标注对象一般需要以下条件(或参数),坐标实例,地图实例
常用的地图API Marker对象实例
google map api v3:
new google.maps.Marker({ position: location, //坐标实例 map: map //地图实例 });Ali yun map api:
new AliMarker(new AliLatLng(30.23869,120.14550));说明:可以为该对象绑定事件,例如:鼠标类的mouseover,click。当事件发生时作一些事情(可以出现一个消息窗口)。最后要作的就是把marker添加到map上(或两者关联)
google map api v3:
如果实例化时参数对象中没有map属性.可以用setMap()方法,把map实例传进方法
Ali yun map api:
map.addOverlay(marker);4、InfoWindow
可以在标注图标上浮动一个目标对象的说明,或者想当鼠标事件发生时对目标对象加以说明就可以使用该对象。
常用的地图API InfoWindow对象实例
google map api v3::
var info = new google.maps.InfoWindow();说明:实例化的同时也可以传递一个参数对象,对窗口的属性加以描述
var info = new google.maps.InfoWindow({ maxWidth:480, content:'welcome google map api world!', position:location, zIndex:100 });Ali yun map api:
var info=new AliInfoWindow(location);说明:AliMarker类有一个openInfoWindow方法可以打开一个新的信息窗口对象。使用如下:
var info=marker.openInfoWindow(标题,内容,参数对象);如果是事件触发信息窗口显示就要作绑定操作。
google map api v3:
google.maps.event.addListener(marker, 'click',function(){ info.open(map, marker); });Ali yun map api:
AliEvent.bind(marker, "click" , marker,function(){ this.openInfoWindow(标题,内容,参数对象) });
转载请注明出处:唯众网络