百度地图--根据经纬度定位
来源:互联网 发布:centos 7图形界面安装 编辑:程序博客网 时间:2024/04/19 20:55
根据经纬度定位
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
#allmap{height:500px;width:100%;}
#r-result{width:100%; font-size:14px;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>城市名定位</title>
</head>
<body>
<div id="allmap"></div>
<div id="r-result">
经度: <input id="longitude" type="text" style="width:100px; margin-right:10px;" />
纬度: <input id="latitude" type="text" style="width:100px; margin-right:10px;" />
<input type="button" value="查询" onclick="theLocation()" />
</div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.331398,39.897445),11);
map.enableScrollWheelZoom(true);
// 用经纬度设置地图中心点
function theLocation(){
if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
map.clearOverlays();
var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
var marker = new BMap.Marker(new_point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.panTo(new_point);
}
}
</script>
0 0
- 百度地图--根据经纬度定位
- 百度地图定位经纬度
- 根据经纬度定位百度地图(带图片的)
- 利用HTML5定位功能获取经纬度,在根据经纬度利用百度地图获取位置信息
- 高德地图根据经纬度定位
- 根据经纬度在地图上定位
- 百度地图根据省市县定位,经纬度和地址信息互相转化JS示例
- 百度地图 根据地址获取经纬度
- 百度地图根据经纬度获取地址
- java根据百度地图获取经纬度
- 百度地图根据地理坐标转换经纬度
- 百度地图根据经纬度显示描边
- 百度地图API根据具体地址获取经纬度
- iOS 百度地图,根据经纬度,显示大头针
- 百度地图根据地址获取经纬度
- 百度地图api--根据经纬度获取地点
- 百度地图 java 根据地址获取经纬度
- 百度地图根据经纬度获取地名
- 黑马程序员---IO流的一些总结
- 线程池的生命周期和拒绝策略
- 网页版百度地图--根据城市名定位
- hdu 1284 钱币兑换问题(完全背包 母函数)
- 用Switch控制视图的淡入淡出效果
- 百度地图--根据经纬度定位
- WEB_猫抓老鼠
- PHP中cookie
- sales order 流程
- (4915)HDU
- 【swift】15-0529 In-Out参数 函数类型
- linux部署nginx-1.7.0流媒体服务器
- shell
- 学习正则表达式~~~