集成51地图

最新推荐文章于 2023-05-18 16:35:10 发布

liu_bia

最新推荐文章于 2023-05-18 16:35:10 发布

阅读量93

点赞数

文章标签： JavaScript HTML ViewUI

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Maps API</title>
<script language="javascript" src=" http://api.51ditu.com/js/maps.js "></script>
</head>

//添加标准缩放控件
//var control = new LTStandMapControl();
//maps.addControl( control );

//添加简易缩放控件
//var control = new LTSmallMapControl();
//maps.addControl( control );

//添加拉框放大控件
//var control = new LTZoomInControl();
//maps.addControl( control );

//使用拉框查找功能
/*
var control = new LTZoomSearchControl();
maps.addControl( control );
function doit(){
var bounds = control.getBoundsLatLng();
var xmax = bounds.getXmax();
var ymax = bounds.getYmax();
var xmin = bounds.getXmin();
var ymin = bounds.getYmin();
alert( "Max-X:"+xmax+"\nMax-Y:"+ymax+"\nMin-X:"+xmin+"\nMin-Y:"+ymin );
}
LTEvent.addListener( control , "mouseup" , doit );
*/

//添加标注控件
/*
var control = new LTMarkControl();
maps.addControl( control );
function getPoi(){
var poi = control.getMarkControlPoint();
alert( "纬度：" + poi.getLatitude() + "\n经度：" + poi.getLongitude() );
}
LTEvent.addListener( control , "mouseup" , getPoi );
*/

//JavaScript代码实现地图平移有用
setTimeout( "maps.moveToCenter( new LTPoint( 10890772,3423589))" , 10 );

//在地图上添加个性化的标记
//var marker1 = new LTMarker(new LTPoint(10890772,3423589));
//var marker2 = new LTMarker( new LTPoint(11641152,3992640));
//maps.addOverLay( marker1 );
//maps.addOverLay( marker2 );

//修改我的标记的图标和大小，有用

var icon = new LTIcon();
icon.setImageUrl( "0.gif" );
icon.setWidth( 24 );
icon.setHeight( 24 );
var marker1 = new LTMarker( new LTPoint( 10890772,3423589 ) , icon );
//LTMarker.setInfoWinWidth( 100 );
//LTMarker.setInfoWinHeight( 40 );
maps.addOverLay( marker1 );

LTEvent.addListener( marker1 , "click" , function(){ marker1.openInfoWinHtml( "<a href=http://www.100class.com target=_blank>山木培训高新分校</a></br>乘车路线" ) } );

//双击放大功能
var moveLsitener;
function onDblClick()//定义在双击的时候执行的函数
{
moveLsitener=LTEvent.addListener(maps,"moveend",onMoveEnd);
//因为系统默认双击的时候会将地图定位到中心，因此，只需要定义地图在定位到中心完成之后放大地图即可
}
function onMoveEnd()//定义地图在定位到中心完成之后执行的函数
{
LTEvent.removeListener(moveLsitener);//删除事件注册
maps.zoomIn();//放大地图
}
LTEvent.addListener(maps,"dblclick",onDblClick);//绑定事件注册

var infoWin = new LTInfoWindow( marker1 );
infoWin.setLabel( "<a href=http://www.100class.com target=_blank>山木培训高新分校</a></br>乘车路线" );
maps.addOverLay( infoWin );

/* 增加多个标注
var points = new Array(0);
points.push( new LTPoint( 11641088 , 3992704 ) );
points.push( new LTPoint( 11636160 , 3991104 ) );
points.push( new LTPoint( 11642688 , 3988608 ) );
points.push( new LTPoint( 11634688 , 3987136 ) );

maps.handleKeyboard(); //键盘操作支持
maps.handleMouseScroll();//鼠标滚轮支持
maps.handleDoubleclick();
</script>
</body>
</html>

liu_bia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
集成51地图

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;&lt;title&gt;JavaSc
复制链接

扫一扫