·您当前的位置:主页 > 技术教程 > JavaScript >

[百度地图]百度地图步行导航检索源代码示例

时间:2017-05-15 10:29百度地图
[百度地图]百度地图步行导航检索,[百度地图]百度地图步行导航检索源代码示例

[百度地图]百度地图步行导航检索源代码示例

  1. <html> 
  2. <head> 
  3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
  5.     <style type="text/css"> 
  6.         body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} 
  7.     </style> 
  8.     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> 
  9.     <title>步行导航检索</title> 
  10. </head> 
  11. <body> 
  12.     <div id="allmap"></div> 
  13. </body> 
  14. </html> 
  15. <script type="text/javascript"> 
  16.     // 百度地图API功能 
  17.     var map = new BMap.Map("allmap"); 
  18.     map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); 
  19.     var walking = new BMap.WalkingRoute(map, {renderOptions:{map: map, autoViewport: true}}); 
  20.     walking.search("天坛公园", "故宫"); 
  21. </script> 

 

热门文章

请稍候...
  • 热身双十一,锁定云视频大聚惠
  • 备战双十一,相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器