百度地图（LBS）开发之定位用户所在城市

最新推荐文章于 2023-02-14 03:00:00 发布

weixin_33831673

最新推荐文章于 2023-02-14 03:00:00 发布

阅读量162

点赞数

文章标签：移动开发 javascript ViewUI

原文链接：https://segmentfault.com/a/1190000002778700

版权

LocalCity

参考文档：Class:服务类/LocalCity

代码片断：

javascriptvar myCity = new BMap.LocalCity();
myCity.get( function(result){
    console.log(result.name);          //城市名称
    console.log(result.code);          //城市代码
    console.log(result.level);         //当前地图Zoom的Level
    console.log(result.center.lat);    //当前城市中心点维度
    console.log(result.center.lng);    //当前城市中心点经度
});

一个完整的实例:

html<!DOCTYPE html>  
<html>  
<head>  
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Hello, World</title>  
<style type="text/css">  
    html{height:100%}  
    body{height:100%;margin:0px;padding:0px}  
    #container{height:100%}  
</style>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=83E4862c1e77e7b01856563eb22e334b">
</script>
</head>
<body>  
<div id="container"></div> 
<script type="text/javascript">
var myCity = new BMap.LocalCity();
var map = new BMap.Map("container");    // 创建Map实例

myCity.get( function(result){
    // 初始化地图,设置中心点坐标和地图级别 
    map.centerAndZoom(new BMap.Point(result.center.lng, result.center.lat), result.level); 
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl());
    //开启鼠标滚轮缩放
    map.enableScrollWheelZoom(true);
}); 
</script>  
</body>  
</html>

weixin_33831673

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫