百度地圖在瀏覽器上仿照APP獲取位置路線平移

阿新 • • 發佈：2019-01-23

在知道起始點座標的情況下，在瀏覽器上定位當前位置，然後匹配當前的座標點進行小車平移，查了下，只有百度的介面還算清晰，由於之前拿到的座標是從騰訊地圖拿到的，所以先用座標轉換把座標轉換為百度座標然後再匹配的，測試證明，真的不怎麼好用，有興趣的朋友可以試試，或者留言給我一起研究

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; 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;font-family:"微軟雅黑";}
  </style>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=key"></script>
  <title></title>
</head>
<body>
  <div 
 id="allmap"></div>
</body>
</html>
<script type="text/javascript">
  // 百度地圖API功能
  //谷歌座標
  var pointArr = [
    new BMap.Point(116.402850,39.917735),//起點座標
    new BMap.Point(116.424374,39.914668),//終點座標
  ];
  var carMk;
  var mylocal;
  //地圖初始化
  var map = new BMap.Map("allmap");
  map.centerAndZoom(pointArr[0 
], 15);
  //座標轉換完之後的回撥函式
  translateCallback = function (data){
    if(data.status === 0) {
      run(data.points);
      setInterval(resetMkPoint,500);
    }
  }
  //批量轉換座標
  var convertor = new BMap.Convertor();
  convertor.translate(pointArr, 1, 5, translateCallback);
  window.run = function (points){
    // 百度地圖API功能
    var myP1 = new BMap.Point(points[0]['lng'],points[0]['lat']);    //起點
    var myP2 = new BMap.Point(points[1]['lng'],points[1]['lat']);    //終點
    var myIcon = new BMap.Icon("./che.png", new BMap.Size(48, 48), {    //小車圖片
      //offset: new BMap.Size(0, -5),    //相當於CSS精靈
      imageOffset: new BMap.Size(0, 0)    //圖片的偏移量。為了是圖片底部中心對準座標點。
      });
    var driving2 = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});//駕車例項
    driving2.search(myP1, myP2);    //顯示一條公交線路
    var driving = new BMap.DrivingRoute(map);    //駕車例項
    driving.search(myP1, myP2);
    driving.setSearchCompleteCallback(function(){
      var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通過駕車例項，獲得一系列點的陣列
      var paths = pts.length;    //獲得有幾個點
      carMk = new BMap.Marker(pts[0],{icon:myIcon});
      map.addOverlay(carMk);
    });
  }
  function getmylocation(){
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){
      if(this.getStatus() == BMAP_STATUS_SUCCESS){
        mylocal = r.point;
      }
      else {
        alert('failed'+this.getStatus());
      }        
    },{enableHighAccuracy: true})
  }
  //實時獲取座標，根據座標匹配小車位置
  function resetMkPoint(){
    getmylocation();
    carMk.setPosition(mylocal);
  }
</script>

百度地圖在瀏覽器上仿照APP獲取位置路線平移

在知道起始點座標的情況下，在瀏覽器上定位當前位置，然後匹配當前的座標點進行小車平移，查了下，只有百度的介面還算清晰，由於之前拿到的座標是從騰訊地圖拿到的，所以先用座標轉換把座標轉換為百度座標然後再匹配的，測試證明，真的不怎麼好用，有興趣的朋友可以試試，或者留言給

C#的百度地圖開發(三)依據座標獲取位置、商圈及周邊資訊

在《C#的百度地圖開發(二)轉換JSON資料為相應的類》一文中，我們得到了百度座標，現在依據這一座標來獲取相應的資訊。下面是相應的程式碼 public class BaiduMap { /// <summary> /// 依據座

百度地圖拖動標註後獲取坐標

acc route wheel onclick 權限 ctype 在線 inpu initial 本來想用圖吧的API來做的，結果弄了下，在手機上弄不了。換用百度地圖了。。本功能個人覺得在很多地方用到，先記下來，省得每次都得翻地圖API文檔一點一點弄。功能表現為：

使用html5獲取當前手機的經緯度，並接入百度地圖API，查詢出當前位置

api detail attribute spa rip coord component per bar 最近項目需要，稍微研究一下html5獲取當前地理位置的問題。獲取當前位置的經緯度很簡單，一句代碼就搞定 [javascript] view plain cop

百度地圖sdk sha1秘鑰獲取有種想吐的趕腳

src andro files inf com admin oid file http 擼代碼坐的腰算背疼還只是弄一個不是項目裏邊需要的升級版本的so 日需要sha1 指紋秘鑰,還有項目包, 才能用百度地圖sdk 這個找sha1 獲取廢了20分鐘, 顯示全盤找keyt

百度地圖退拽標記點獲取經緯度

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" c

百度地圖API之百度地圖退拽標記點獲取經緯度的實現程式碼

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

百度地圖介面（輸入地址獲取經緯度）

1，原地址 http://www.cnblogs.com/jianglan/archive/2013/05/31/3108646.html 這幾天比較空閒，就接觸了下百度地圖的API(開發者中心連結地址：http://developer.baidu.com)，發現呼叫還是挺

呼叫百度地圖api，通過ip獲取當前城市以及經緯度

一、申請Ak值登入百度地圖開放平臺：建立應用：建立成功後ip值就有了：二、程式碼實現 <?php $ip="xxxxxxx"; $content=file_get_contents("http://api.map.baidu.com/location/ip?

百度地圖 sdk 簡單封裝使用獲取當前位置

因為專案中有幾處用到了定位功能,所以簡單封裝了一下百度地圖SDK,不用每次初始化,記錄於此. 使用前提是專案app已經匯入了百度地圖的SDK,專案比較陳舊,v7.2之前的版本,非最新版sdk. 一共兩個類,還是很簡單的,第一個MyLocationListener: pub

百度地圖：230錯誤 APP Scode校驗失敗問題解決辦法

因為我們在之前百度開放平臺上建立應用的時候要生成一個AK，然後這個AK=sha1 + 包名的之後得到的。而這個sha1又有兩種方式生成：一種是在cmd中按照文件的方式生成，另一種是通過ecplice中的 window - preferences -android - build 你就能看見那

百度地圖API，使用者拒絕獲取地理位置getStatus()還是等於BMAP_STATUS_SUCCESS

1、業務場景:百度地圖 JavaScript API中有一個方法是通過瀏覽器定位，getCurrentPosition。但是使用者拒絕或者允許獲取地理位置，this.getStatus()都是0；

作百度地圖定位時,location.getAddrStr()獲取到的值一直為空的問題

在做百度地圖定位時，在MyLocationListener介面的回撥方法中，具體如下： public class MyLocationListener implements BDLocationL

使用百度地圖api實現定位及選擇位置功能

之前使用過一些第三方的地圖api，最後還是覺得百度的比較好用，剛好最近做一個專案，需要用到地圖的功能，也比較簡單，就是獲取當前位置，然後可以自己手動在地圖上選擇位置，把經緯度丟給服務端。我用的就是百度地圖下面就開始做了，註冊開發者賬號、申請key、下載SDK什麼的，就

iOS基於百度地圖的開發(1)——使用者當前位置

首先需要設定mapView的屬性： self.mapView = [[[BMKMapView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)] aut

百度地圖之定自己當前的位置

}/**** 第一步，初始化LocationClient類此處需要注意：LocationClient類必須在主執行緒中宣告，需要Context型別的引數。 Context需要時全程序有效的Context,推薦用getApplicationConext獲取全程序有效的Context。* */public vo

百度地圖--獲取自定義區域JSON資料（上）

基於百度地圖的自定義區域繪圖–呼叫地圖註冊百度地圖的SDK：這一步是呼叫百度地圖的核心，通過獲取SDK才能進行相關操作。使用百度地圖：在html中引入js檔案： <script src="http://api.map.baidu.com/a

APP SHA1獲取程式百度地圖高德地圖獲取SHA1值的簡單程式

專案中整合地圖的話經常需要到SHA1這個值來配置key 一下是簡單的獲取app SHA1值的程式 /** * 獲取sha1 * @param context

百度地圖,根據地圖上任意一點的經緯度獲取周邊最近的POI位置資訊

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>

百度地圖api web獲取當前位置瀏覽器JavaScript定位 javaweb 瀏覽器端

<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; cha

百度地圖在瀏覽器上仿照APP獲取位置路線平移

相關推薦