<!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小时内删除。