ag官方网站

PC端获取用户的具体位置

http://www.dengwz.com/?p=491

 javascript  dengwz7788  3年前 (2014-05-30)  915℃  0评论

以前一直用高德地图的API,后来因为需求,必须用百度的地图API。

这些API都已经封装的很智能了,只需要一定的编程思维,就很简单可以实现功能。


百度地图应用

功能的大概:用户通过点击地图上面的位置,在地图上面进行描点,然后再把获取的到的地理位置保存到地图上面的地址栏目中。

主要是百度地图API的使用

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<pre>var map = new BMap.Map("allmap"); //实例化一个地图对象

var point = new BMap.Point(116.331398,39.897445); //设置地图中心的位置

map.centerAndZoom(point,12); //设置地图元素的可视层

map.enableScrollWheelZoom();    //启用滚轮放大缩小,默认禁用

map.enableContinuousZoom();    //启用地图惯性拖拽,默认禁用

function myFun(result){

var cityName = result.name;

map.setCenter(cityName);

}

var myCity = new BMap.LocalCity();

myCity.get(myFun);

i=0

//点击获取坐标

map.addEventListener("click",function(e){

if(i === 0)

{

//存储经纬度

lng = e.point.lng;

lat = e.point.lat;

//在地图上面描点

var marker = new BMap.Marker(new BMap.Point(lng,lat));  // 创建标注

map.addOverlay(marker);

marker.enableDragging();    //可拖拽

var gc = new BMap.Geocoder();

//获取地址的数据地址

var pt = e.point;

gc.getLocation(pt, function(rs){

var addComp = rs.addressComponents;

address = addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;

//画图

var label = new BMap.Label(address,{offset:new BMap.Size(20,-10)});

marker.setLabel(label);

});

i=1;

}

});</pre>

上面的代码基本都是百度提供的DOME 我只是做了一些简单组合。。 惭愧呀


免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。

http://www.pinlue.com/style/images/nopic.gif
我要收藏
个赞
被踩
分享到
分享
评论
首页