javascript实现地图显示随机定位

来源：互联网发布：手机虚拟机软件编辑：程序博客网时间：2024/05/16 17:50
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>WebGIS的地图实现</title><meta http-equiv=Content-Type content="text/html; charset=GBK"><script type="text/javascript" src="http://ditu.google.cn?file=api&v=2&key=ABQIAAAACeiZsHWX3cH6DSzXsRZ4ZhSm4yWMj7VobllwgidfhRjwLCDWEBQweHG14EhKWC44KmaiwDQQEBwceQ"></script><script type="text/javascript">//<![CDATA[    var map=null;    var geocoder = new GClientGeocoder();    var marker=null; function load()  {    if (GBrowserIsCompatible())   {      map = new GMap2(document.getElementById("map"));      //添加操纵杆      map.addControl(new GLargeMapControl());   map.addControl(new GMapTypeControl());      map.addControl(new GScaleControl());   map.addControl(new GOverviewMapControl());//鹰眼视图   //MAP地址初始化      map.setCenter(new GLatLng(21.48, 109.09),11);      //通知地图其容器大小已更改      map.checkResize();      //清空标记      map.clearOverlays();    }           } function showAddress(i)  {         map.clearOverlays();         //设置经纬度         var point = new GLatLng(21.48+i, 109.09+i);          map.setCenter(point,8);          marker = new GMarker(point);          map.addOverlay(marker);          marker.openInfoWindowHtml("横坐标："+(24.28+i)+"</br>纵坐标："+(109.09+i)+"</br><input type='button' value='查看详情' onclick='seeCaseInfo("+(23.11+i)+","+(113.282+i)+");'/>");          } function seeCaseInfo(x,y) {  alert("横坐标为："+x+" 纵坐标为："+y); }    </script></head><body onload="load();"><h3>请连接网络！！！并点击允许阻止内容</h3><center><h2>北海市地图</h2> <h4> <b><a href="http://weibo.com/laohoubin">劳黑炭微博</a></b></h4><br><br><br> <div id="map" style="width: 840px; height: 400px"></div> <br>   <b style="color:blue"><span id="jump">5</span>秒钟后系统将自动搜索</b><br>      <b style="color:red;display:none" id="show">0</b><br><br>   请输入要移动的经纬度间距：<input type="text" id="address"/>   <input type="button" value="查询" onclick="showAddress();"/> <br><br> <input type="button" name="searchRandom" value="随机定位" onClick="countDown(5);"></input>   <input type="button" name="stopTime" value="停止定位" onclick="stopSetPosition()"></input>      <script language="JavaScript"> var i=0;  var cnt;   function countDown(secs){    jump.innerText=secs;         if((--secs)>0)      {         cnt=setTimeout( "countDown(" +secs+ ")" ,1000);      }      if(secs==0)      {          cnt=setTimeout( "countDown(5)" ,1000);          show.innerText=i;          i++;          if(i==10)              i=0;          showAddress(i);      }   }   function stopSetPosition(){clearTimeout(cnt);//停止定位alert("您单击的停止按钮，随机定位已经停止");}</script></center></body></html>
请连接网络！！！并点击允许阻止内容
北海市地图

劳黑炭微博

5秒钟后系统将自动搜索
0

请输入要移动的经纬度间距：