76百度地图：经纬度

最新推荐文章于 2024-04-08 11:45:52 发布

weixin_30247781

最新推荐文章于 2024-04-08 11:45:52 发布

阅读量98

点赞数

原文链接：http://www.cnblogs.com/gushixianqiancheng/p/10967063.html

版权

很多场合都用到百度地图，这里是笔者把自己老家县政府的位置（经纬度）和老家住宅的位置（经纬度）在百度地图上标出来。
```html:run
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>固始县政府</title>
    <style type="text/css">
        body, html,#onlymap{width: 100%;height: 100%; margin:0;font-family:"微软雅黑";}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=vvNvGRSQV4QdtGZaoKDB04yW5mFBrFSX"></script>  
</head>
<body>
<div id="onlymap"></div>
</body>
</html>
<script type="text/javascript">
    //整体设置
    var map = new BMap.Map("onlymap");
    map.centerAndZoom(new BMap.Point(115.6608, 31.7575), 10);
    map.enableScrollWheelZoom();
    //笔者所在县=>固始县县政府位置
    var countyGovernmentPoint = new BMap.Point(115.6608, 32.1749);
    var countyGovernmentmarker = new BMap.Marker(countyGovernmentPoint);
    map.addOverlay(countyGovernmentmarker);
    var countyGovernmentPosition = countyGovernmentmarker.getPosition();
    var countyGovernmentPositionLng=countyGovernmentPosition.lng;
    var countyGovernmentPositionLat=countyGovernmentPosition.lat;
    var countyGovernmentLabel = new BMap.Label("笔者所在县=>固始县县政府位置：<br/>东经"+countyGovernmentPositionLng+"度，北纬"+countyGovernmentPositionLat+"度",{offset:new BMap.Size(-105,37)});
    countyGovernmentmarker.setLabel(countyGovernmentLabel);
    var circle = new BMap.Circle(countyGovernmentPoint,500,{strokeColor:"red", strokeWeight:5, strokeOpacity:0.5});    
    map.addOverlay(circle);
    //笔者老家住宅=>位置
    var myFamilypoint = new BMap.Point(115.7097, 31.9053);
    var myFamilymarker = new BMap.Marker(myFamilypoint);
    map.addOverlay(myFamilymarker);
    var myFamilyPosition = myFamilymarker.getPosition();
    var myFamilyPositionLng=myFamilyPosition.lng;
    var myFamilyPositionLat=myFamilyPosition.lat;
    var myFamilyLabel = new BMap.Label("笔者老家住宅=>位置：<br/>东经"+myFamilyPositionLng+"度，北纬"+myFamilyPositionLat+"度",{offset:new BMap.Size(-75,28)});
    myFamilymarker.setLabel(myFamilyLabel);
    //左上角添加默认缩放平移控件
    var topLeftNavigation = new BMap.NavigationControl();
    map.addControl(topLeftNavigation);
</script>
```

转载于:https://www.cnblogs.com/gushixianqiancheng/p/10967063.html

weixin_30247781

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
76百度地图：经纬度

很多场合都用到百度地图，这里是笔者把自己老家县政府的位置（经纬度）和老家住宅的位置（经纬度）在百度地图上标出来。```html:run<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" c...
复制链接

扫一扫