<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>51地图 </title>
<script language="javascript" src="api.51ditu/js/maps.js"></script>
<script language="javascript" src="api.51ditu/js/ezmarker.js"></script>
<script language="javascript" src="api.51ditu/js/search.js"></script>
<script language="javascript">
var map,search;
var jd,wd;//经度、纬度
var map;
window._LT_map_zoomLevels=[5,7,9,11,13]; //自定义缩放级别
function showPoint(searchResult)
{
unt>0)//如果存在搜索结果
{
map.clearOverLays();
var poi=searchResult.searchPoints[0]; //取出第一个搜索结果点
if(jd!=null)
{
poi.point[0]=jd;
poi.point[1]=wd;
}
var point=new LTPoint(poi.point[0],poi.point[1]); //得到该点的坐标的LTPoint
AndZoom(point,0);
var marker=new LTMarker(point); //向地图上添加一个标记
map.addOverLay(marker);
var name=poi.name;
LTEvent.bind(marker,"click",marker,function(){this.openInfoWinHtml(name)}); //标记点击的时候弹出信息
}
else
{
alert('无结果');
}
}
function onLoad()
{
map=new LTMaps("mapDiv");
map.addControl(new LTStandMapControl());
search=new LTLocalSearch(showPoint);
search.setCity('乌鲁木齐市');
search.search('南门');
}
</script>
<script language="javascript">
var map;
function onLoad()
{
map=new LTMaps("mapDiv");
AndZoom(new LTPoint(8761644,4382708),3);
map.addControl(new LTStandMapControl());
LTEvent.bind(map,"dblclick",map,function(){In()});//绑定事件,在双击的时候先执行放大操作
map.handleMouseScroll(); //实行鼠标滚轮操作
}
</script>
</head>
<body onload="onLoad()">
<script language="JavaScript">
<!-- //显示标注按钮
//setMap是ezmarker内部定义的接口,这里可以根据实际需要实现该接口
function setMap(point,zoom)
{
Longitude();
Latitude();
alert("您标注的经度:"+jd+",纬度:"+wd+",尺寸:"+zoom);
ElementById("jd").value=jd;
ElementById("wd").value=wd;
onLoad();
}
var ezmarker = new LTEZMarker("pos");
LTEvent.addListener(ezmarker,"mark",setMap);//"mark"是标注事件
ezmarker.setDefaultView("wulumuqi",1);//设置ezmarker地图的默认视图位置到乌鲁木齐
ezmarker.setSearch(true,"乌鲁木齐市");//设置默认搜索城市
//-->
</script>
经度:<input type="text" id="jd" />
纬度:<input type="text" id="wd" />
<br/>
<div id="mapDiv" >
</div>
</body>
</html>
特效是怎么做出来的
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论