!!代码：baidu地图 - bjhhh

公告

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>

posted on 2014-08-08 13:10 bjhhh 阅读(4848) 评论(0) 编辑收藏举报

刷新页面返回顶部

21270

公告

百度地图的Hello, World

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

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