联系电话:020-28187900

KingCMS Map Ali Marker Object(KMAO.mo)地图API基本对象介绍

发表时间:2012-09-07 阅读: 3192

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(标题,内容,参数对象)
});

转载请注明出处:唯众网络


相关文章 【更多】

唯众网络