!!代码：baidu地图

2021-10-20 23:17:04

http://map.baidu.com/mobile/ 　　手机开发时，嵌入地图可以嵌入这个网址!!

http://developer.baidu.com/map/lbs-cloud.htm　　　　百度地图开发中心　　　　http://api.map.baidu.com/lbsapi/creatmap/ 　　百度地图生成器　　2015-11-20

注意：正式应用不要用我的ak（临时测试的可以用），自己去申请去： http://lbsyun.baidu.com/apiconsole/key

http://lbsyun.baidu.com/apiconsole/quota 　　查看每日配额

http://lbsyun.baidu.com/apiconsole/key 　　设置ak

http://developer.baidu.com/map/jshome.htm　　　　javascript API 大众版（PC）

http://developer.baidu.com/map/jsdemo.htm　　　　javascript API 大众版（PC）——DEMO

http://developer.baidu.com/map/jsmobile.htm　　　　javascript API 极速版（手机）

http://developer.baidu.com/map/jsdemo-mobile.htm　　javascript API 极速版（手机）——DEMO

http://developer.baidu.com/map/module-mobile.htm　　web 组件API（手机）——DEMO

http://api.map.baidu.com/lbsapi/getpoint/index.html　　坐标拾取　　2016-1-18

http://developer.baidu.com/map/reference/index.php　　JavaScript API>类参考　　2016-1-19

http://lbsyun.baidu.com/cms/jsapi/class/jsapi_reference.html　　JSAPI类参考　　2017-9-22

http://developer.baidu.com/map/jsdemo.htm　　JS DEMO示例　　2017-9-22

百度地图的Hello, World

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DuEpzTxLS2kjy7T7KAxhFwOl"></script>

<title>百度地图的Hello, World</title>

<style type="text/css">

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}

</style>

</head>

<body>

<div id="allmap"></div>

</body>

</html>

<script type="text/javascript">

//默认坐标经纬度:鸟巢

XX=116.403;

YY=40;

var map = new BMap.Map("allmap");            // 创建Map实例

var point = new BMap.Point(XX,YY);            // 创建点坐标

map.centerAndZoom(point,15);                // 初始化地图,设置中心点坐标和地图级别。

map.enableScrollWheelZoom();                //启用滚轮放大缩小

var marker1 = new BMap.Marker(new BMap.Point(XX,YY));//标注

map.addOverlay(marker1);

var traffic = new BMap.TrafficLayer();            // 路况图

map.addTileLayer(traffic);

</script>

根据地球半径，测算两点间距

http://tieba.baidu.com/p/2004450642　　参考这帖子

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<style type="text/css">

body,html,#allmap{width:100%;height:100%;overflow:hidden;margin:0;}

</style>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2uZgkxkTV4BCdGfAWN6m3cra"></script>

<title>根据地球半径，测两点间距</title>

</head>

<body>

<div id="allmap"></div>

</body>

</html>

<script type="text/javascript">

// 百度地图API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(XX1, YY1);

map.centerAndZoom(point, 13);

function showInfo(e){

    alert(e.point.lng + ", " + e.point.lat);

}

map.addEventListener("click", showInfo);

var XX1=116.300;

var YY1=40;

var marker1 = new BMap.Marker(new BMap.Point(XX1,YY1));  // 创建标注

map.addOverlay(marker1);              // 将标注添加到地图中

var XX2=116.500;

var YY2=40;

var marker2 = new BMap.Marker(new BMap.Point(XX2,YY2));  // 创建标注

map.addOverlay(marker2);              // 将标注添加到地图中

function test(lng1,lat1,lng2,lat2){

    var R=6370996.81;

    //var s=R*arccos(cos(lat1*pi()/180 ) * cos(lat2*pi()/180) * cos(lng1*pi()/180 -lng2*pi()/180) + sin(lat1*pi()/180 ) * sin(lat2*pi()/180));

    var s=R*Math.acos(Math.cos(lat1*Math.PI/180 ) * Math.cos(lat2*Math.PI/180) * Math.cos(lng1*Math.PI/180 -lng2*Math.PI/180) + Math.sin(lat1*Math.PI/180 ) * Math.sin(lat2*Math.PI/180));

    alert(s);

}//其中，R=6370996.81;//地球半径，pi()为圆周率π，(lng1,lat1),(lng2,lat2)分别是百度地图的两个经纬度，带入数值计算即可

//test(lng1,lat1,lng2,lat2)

test(XX1,YY1,XX2,YY2);

</script>

GPS坐标，转为baidu坐标（调用接口）

http://developer.baidu.com/map/index.php?title=webapi/guide/changeposition

<!-- jquery库 -->

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2uZgkxkTV4BCdGfAWN6m3cra"></script>

<div id="allmap"></div>

<script type="text/javascript">

$(function(){

    var BAIDU_MAP_2014 = {

        TRANS:function(x,y) {//初始化，获取当前位置的经纬度

            var requestUrl="http://api.map.baidu.com/geoconv/v1/?coords="+x+","+y+"&from=1&to=5&ak=2uZgkxkTV4BCdGfAWN6m3cra&callback=?";

            $.ajax({

                type : "get",

                async:true,

                url : requestUrl,

                data : "output=json",

                dataType : "jsonp",

                success :function(data){

                    console.log("--------(xxxxx)-----success");

                    console.log(data.result[0].x);

                    console.log(data.result[0].y);

                },

                error:function(data){

                    console.log("error: (xxxxx)");

                }

            });

        },

    };

var XX=116.3;

var YY=40;

//ANDROID!!

//XX=getLongitude();//获取经度

//YY=getLatitude();//获取维度

BAIDU_MAP_2014.TRANS(XX,YY);

$("#allmap").html(XX+"<br>"+YY);

});

</script>

http://developer.baidu.com/map/wiki/index.php?title=uri/api/web　　　　URI API

例子：http://api.map.baidu.com/marker?location=39.916979519873,116.41004950566&title=我的位置&content=百度奎科大厦&output=html

http://api.map.baidu.com/place/search?query=酒店&location=31.204055632862,121.41117785465&radius=1000&region=上海&output=html&src=yourCompanyName|yourAppName //周边检索

http://api.map.baidu.com/place/search?query=酒店&location=40,116.48&radius=1000&region=&output=html&src=yourCompanyName|yourAppName //周边检索

http://api.map.baidu.com/place/search?query=酒店&location=40,116.48&radius=1000&region=&output=json&src=yourCompanyName|yourAppName //周边检索（返回json）

注意：
location 这个经纬度坐标，是先纬度、再经度。
output 参数，可以是html，也可以是json！！！ ——很棒啊！
region 可以不填

http://api.map.baidu.com/place/search?query=酒店&location=40,116.48&radius=1000&region=&output=html&src=yourCompanyName|yourAppName

此网址用手机浏览器请求后，指向的页面网址是：（经纬度的值略有差异，请无视）

http://map.baidu.com/mobile/webapp/place/list/qt=s&wd=%E9%85%92%E5%BA%97&c=131&nb_x=12966635.902421&nb_y=4838219.182580&center_rank=1/center_name=%E5%8C%97%E4%BA%AC%E5%B8%82%E6%9C%9D%E9%98%B3%E5%8C%BA%E9%98%9C%E8%8D%A3%E8%A1%9710%E5%8F%B7/?third_party=uri_api

解码后，是如下字串：

http://map.baidu.com/mobile/webapp/place/list/qt=s&wd=酒店&c=131&nb_x=12966635.902421&nb_y=4838219.182580¢er_rank=1/center_name=北京市朝阳区阜荣街10号/?third_party=uri_ap

http://www.cnblogs.com/xsyblogs/p/3936275.html 　　你可能用到的百度地图效果（附源码）　　2014-8-28

老版本（v1.4）的百度地图：2015-11-20

<div class="jc_pic6" style="width:463px;height:368px;" id="dituContent"></div>

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.4&services=true"></script>

<script type="text/javascript">

function showmap(XX,YY){

    var map = new BMap.Map("dituContent"); // 创建Map实例

    var point = new BMap.Point(XX, YY); // 创建点坐标

    map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别。

    map.enableScrollWheelZoom(); //启用滚轮放大缩小

    var option3 = {

        type: BMAP_NAVIGATION_CONTROL_ZOOM

    };

    map.addControl(new BMap.NavigationControl(option3)); //左上角地图缩放

    var marker1 = new BMap.Marker(new BMap.Point(XX, YY)); //标注

    map.addOverlay(marker1);

}

var XX = 116.426548;

var YY = 39.96365;

showmap(XX,YY,'dituContentRight');

</script>

码农公寓

百度地图的Hello, World

根据地球半径，测算两点间距

GPS坐标，转为baidu坐标（调用接口）

相关文章