我要地图API常用方法

一、公共代码

<div id="myMap" style="position:relative; width:700px; height:500px;"></div>
<script language="javascript" src="http://api.51ditu.com/js/maps.js "></script>

二、常用方法

1.获取点击处经纬度坐标

<script language="javascript">
var maps = new LTMaps("myMap");
maps.cityNameAndZoom("fuzhou", 2);
maps.addControl(new LTStandMapControl());
LTEvent.addListener(maps, "click", function(position){
    //说明:我要地图经纬度单位为NTU,和度的换算关系为 度 = NTU/100000
    
    //方法一
    var point =  maps.getPointLatLng(position);
    alert("点坐标:(" + point.getLongitude()/100000 + "," + point.getLatitude()/100000 + ")");
    
    //方法二,getClickLatLng方法在范例中出现,类参考中无此方法
    //http://api.51ditu.com/docs/mapsapi/examples/LTMaps/click_add_marker.htm
    var point2 = maps.getClickLatLng(position);
    alert("点坐标:(" + point2.getLongitude()/100000 + "," + point2.getLatitude()/100000 + ")");    
} );
</script>

2.可视区域经纬度坐标范围

<script language="javascript">
var maps = new LTMaps("myMap");
maps.cityNameAndZoom("fuzhou", 3);
maps.addControl(new LTStandMapControl());

LTEvent.addListener(maps, "click", function(position){
    var bounds = maps.getBoundsLatLng();
    alert("左上角:(" + bounds.getXmin()/100000 + "," + bounds.getYmax()/100000 + ") 右下角:("  + bounds.getYmin()/100000 + "," + bounds.getXmax()/100000 + ")");
});
</script>

3.鼠标移到标记显示标记信息

<script language="javascript">
var maps = new LTMaps("myMap");
maps.centerAndZoom(new LTPoint(11930077,2610354), 3);
//标准缩放控件
maps.addControl(new LTStandMapControl());
//标注控件
var maker = new LTMarker(new LTPoint(11930077,2610354));
maps.addOverLay(maker);
LTEvent.addListener(maker,"mouseover", function(){
    var win = this.openInfoWinHtml("个人博客。[<a href='http://www.mzwu.com/' target='_blank'>进入网站</a>]");
    win.setTitle("木子屋");
    win.closeInfoWindowWithMouse();
});
</script>


评论: 0 | 引用: 0 | 查看次数: 4726
发表评论
登录后再发表评论!