码迷,mamicode.com
首页 > Web开发 > 详细

百度地图 web定位

时间:2014-06-30 23:22:04      阅读:808      评论:0      收藏:0      [点我收藏+]

标签:style   http   java   width   os   javascript   

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>测试定位</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<style type="text/css">
#mapContainer{width:100%;height:400px;border:1px solid gray;}</style>
</head>
<body>
<div id="mapContainer"></div>
<script type="text/javascript" >
var origin = "0,0";
var origin_region = "";
var point = new BMap.Point(118.185789, 24.489321);
var map = new BMap.Map("mapContainer");
map.enableScrollWheelZoom();
map.centerAndZoom(point, 15);
var marker = new BMap.Marker(point);
map.addOverlay(marker);

var gectrl=new BMap.GeolocationControl( {
anchor:BMAP_ANCHOR_TOP_LEFT,
enableAutoLocation: true });
map.addControl(gectrl); //添加定位控件


var myCity = new BMap.LocalCity();
myCity.get(function(result){ origin_region = result.name; });

var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function (r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS ) {
origin = r.point.lng + "," + r.point.lat;
alert(origin);
}
})
</script>
</body></html>

百度地图 web定位,布布扣,bubuko.com

百度地图 web定位

标签:style   http   java   width   os   javascript   

原文地址:http://www.cnblogs.com/hechunhua/p/3815981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!