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

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

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

注意:正式应用不要用我的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>

..

!!代码:baidu地图的更多相关文章

  1. 怎样将baidu地图中的baidu logo 去掉

    今天我的老大问我是不是能够将baidumap 的js版中baidu logo 去掉. 我上网查询一下,有各种方法.比方将相应的logo div remove hide 等等,这些都是须要JS 函数触发 ...

  2. 如何将baidu地图中的baidu logo 去掉

    今天我的老大问我是不是可以将baidumap 的js版中baidu logo 去掉.我上网查询一下,有各种方法,比如将对应的logo div remove hide 等等,这些都是需要JS 函数触发执 ...

  3. Blazor组件自做六 : 使用JS隔离封装Baidu地图

    1. 运行截图 演示地址 2. 在文件夹wwwroot/lib,添加baidu子文件夹,添加baidumap.js文件 2.1 跟上一篇类似,用代码方式异步加载API,脚本生成新的 body > ...

  4. 如何签名apk,并让baidu地图正常显示

    1.选中项目,右击export Next直到完成,这样就生成了my.keystore文件 将my.keystore拷到C:\Users\Administrator\.android 利用jdk的工具生 ...

  5. baidu地图让多个标注出现在最佳视野

    原文:http://www.cnblogs.com/milkmap/archive/2011/08/23/2150641.html 摘要: “我有一堆标注,不规则的散落在地图的各个地方,我想把它们展示 ...

  6. baidu地图api , 地理位置转 经纬度接口

    更多可以查看    http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geocoding 地理编码示例: 以下是关于地理编 ...

  7. baidu地图:实现多点连线渲染

    <script type="text/javascript"> var points = [ {"Lng":125.17787645967861,& ...

  8. baidu 地图 鼠标移上显示标签 鼠标离开隐藏标签

    为了解决 label太多,文字会重叠看不清 所以提出这种办法 核心代码 1,创建的时候 将label设置为隐藏 2,通过百度地图监听事件 ,  mouseover或onmouseover 触发显示 3 ...

  9. baidu地图的一个拾取坐标系统

    http://api.map.baidu.com/lbsapi/getpoint/index.html 可以很方便的通过标记取得经纬度坐标 也可以输入经纬度坐标获得地图标记

随机推荐

  1. bootstrap表格鼠标悬停与状态类

    今天在学习的过程中遇到在表格一章中 鼠标悬停 与 状态类 无效的问题,是因为在css文件中默认颜色都为白色造成的,解决方式如下: 在bootstrap文件夹中找到bootstrap.css文件(我的版 ...

  2. 网络性能测试工具-Iperf

    一.简单介绍 Iperf是一个网络性能测试工具,Iperf可以测试TCP和UDP带宽质量,Iperf可以测量最大TCP带宽,具有多种参数和UDP特性.Iperf可以报告带宽,延迟抖动和数据包丢失.利用 ...

  3. LSTM学习—Long Short Term Memory networks

    原文链接:https://colah.github.io/posts/2015-08-Understanding-LSTMs/ Understanding LSTM Networks Recurren ...

  4. TensorFlow函数:tf.reduce_sum

    tf.reduce_sum 函数 reduce_sum ( input_tensor , axis = None , keep_dims = False , name = None , reducti ...

  5. AFNetworking 3.0简单数据请求get&post

    /** *get请求方法 */ - (void)AFNGetUrl { AFHTTPSessionManager *manager = [AFHTTPSessionManager manager]; ...

  6. echarts双y轴折线图柱状图混合实时更新图

    先看下效果,自己用ps做了张gif图,发现很好玩啊..不喜勿喷 自己下载个echarts.min.js 直接上代码: <!DOCTYPE html><html><head ...

  7. 移动web总结

    Meta标签:   1 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc ...

  8. 重开Vue2.0

    目录: 内容: 一.Vue内部指令: 1.v-if v-else&v-show v-if与v-show都是选择性显示内容的指令,但是二者之间有区别: 1.v-if:判断是否加载,在需要的时候加 ...

  9. day05 None类型

    None:空类型 表示该值是一个空对象,既不是0也不是" ",判断时候都为False

  10. linux删除某用户密码

    1.清空一个linux用户密码 # passwd -d user1 passwd: password expiry information changed. 2.指定key登录 ssh port111 ...