获取经纬度工具
来源:互联网 发布:大数据 洞察 编辑:程序博客网 时间:2024/05/17 11:58
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行政区域工具</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?
v=1.2"></script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray"
id="container"></div>
<p><input id="startBtn" type="button" onclick="startTool();" value="开
启取点工具" /><input type="button" onclick="map.clearOverlays
();document.getElementById('info').innerHTML = '';points=[];" value="清
除" /></p>
<div id="info"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container"); // 创建Map
实例
map.centerAndZoom("北京", 11); // 初始化地图,设置中心点坐标和地图级
别
var key = 1; //开关
var newpoint; //一个经纬度
var points = []; //数组,放经纬度信息
var polyline = new BMap.Polyline(); //折线覆盖物
function startTool(){ //开关函数
if(key==1){
document.getElementById("startBtn").style.background = "green";
document.getElementById("startBtn").style.color = "white";
document.getElementById("startBtn").value = "开启状态";
key=0;
}
else{
document.getElementById("startBtn").style.background = "red";
document.getElementById("startBtn").value = "关闭状态";
key=1;
}
}
map.addEventListener("click",function(e){ //单击地图,形成折线覆盖物
newpoint = new BMap.Point(e.point.lng,e.point.lat);
if(key==0){
// if(points[points.length].lng==points[points.length-1].lng)
{alert(111);}
points.push(newpoint); //将新增的点放到数组中
polyline.setPath(points); //设置折线的点数组
map.addOverlay(polyline); //将折线添加到地图上
document.getElementById("info").innerHTML += "new BMap.Point("
+ e.point.lng + "," + e.point.lat + "),</br>"; //输出数组里的经纬度
}
});
map.addEventListener("dblclick",function(e){ //双击地图,形成多边形覆
盖物
if(key==0){
map.disableDoubleClickZoom(); //关闭双击放大
var polygon = new BMap.Polygon(points);
map.addOverlay(polygon); //将折线添加到地图上
}
});
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行政区域工具</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?
v=1.2"></script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray"
id="container"></div>
<p><input id="startBtn" type="button" onclick="startTool();" value="开
启取点工具" /><input type="button" onclick="map.clearOverlays
();document.getElementById('info').innerHTML = '';points=[];" value="清
除" /></p>
<div id="info"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container"); // 创建Map
实例
map.centerAndZoom("北京", 11); // 初始化地图,设置中心点坐标和地图级
别
var key = 1; //开关
var newpoint; //一个经纬度
var points = []; //数组,放经纬度信息
var polyline = new BMap.Polyline(); //折线覆盖物
function startTool(){ //开关函数
if(key==1){
document.getElementById("startBtn").style.background = "green";
document.getElementById("startBtn").style.color = "white";
document.getElementById("startBtn").value = "开启状态";
key=0;
}
else{
document.getElementById("startBtn").style.background = "red";
document.getElementById("startBtn").value = "关闭状态";
key=1;
}
}
map.addEventListener("click",function(e){ //单击地图,形成折线覆盖物
newpoint = new BMap.Point(e.point.lng,e.point.lat);
if(key==0){
// if(points[points.length].lng==points[points.length-1].lng)
{alert(111);}
points.push(newpoint); //将新增的点放到数组中
polyline.setPath(points); //设置折线的点数组
map.addOverlay(polyline); //将折线添加到地图上
document.getElementById("info").innerHTML += "new BMap.Point("
+ e.point.lng + "," + e.point.lat + "),</br>"; //输出数组里的经纬度
}
});
map.addEventListener("dblclick",function(e){ //双击地图,形成多边形覆
盖物
if(key==0){
map.disableDoubleClickZoom(); //关闭双击放大
var polygon = new BMap.Polygon(points);
map.addOverlay(polygon); //将折线添加到地图上
}
});
</script>
- 获取经纬度工具
- 自行获取区域经纬度的工具
- Android 高德获取经纬度工具类
- 获取经纬度
- 获取经纬度
- 【百度地图API】自行获取区域经纬度的工具
- 【百度地图API】自行获取区域经纬度的工具
- 【百度地图API】自行获取区域经纬度的工具
- Android获取手机经纬度(GPS、NetWork)封装工具类
- 使用Andorid原生工具类获取手机经纬度
- 获取当前经纬度、当前位置省市区(工具类)
- 【百度地图API】自行获取区域经纬度的工具
- Android获取手机经纬度(GPS、NetWork)封装工具类
- C# 获取获取经纬度!
- 经纬度转换工具
- 经纬度测距工具
- Google Maps获取经纬度
- 获取某地址经纬度
- TCP/IP 第6章 ICMP internet 控制报文协议
- 农民工开发布会讨薪续-施工方称民政局付款不够-讨薪-发布会-天津
- 关于新浪微博api及进程的重要性层次等
- LR中检查点函数简析
- 四元数
- 获取经纬度工具
- 北京7月21日大暴雨成为干部公选面试题-公选-暴雨灾害-面试题
- gbk与gb2312的区别
- (十五)继承---父辈的遗产
- java调用shell命令
- 经典迷宫问题BFS
- 关于新浪微博客户端架构及Menu的实现,上下文菜单的实现等
- C++中数组参数传递
- 星状图