百度地圖得到兩地點(通過經緯度)的距離、 通過經緯度獲取詳細地址

 1 /**
 2      * 計算兩點間的距離
 3      * pt1 {lng:"12.34",lat:"3423"}第一個點的經緯度
 4      * pt2 {lng:"12.34",lat:"3423"}第二個點的經緯度
 5      * */
 6     getDistance:function(pt1,pt2){
 7         var map = new BMap.Map("container");
 8         var point1 = new BMap.Point(pt1.lng,pt1.lat);
 9         var point2 = new BMap.Point(pt2.lng,pt2.lat);
10         var distance = map.getDistance(point1,point2);
11         return distance;
12     },

?

 1 /**
 2      * 通過經緯度獲取詳細地址
 3      * */
 4     getAddress: function(pt, callBack) {
 5         // 創建地址解析器實例
 6         var point =new BMap.Point(pt.lng,pt.lat)
 7         var myGeo = new BMap.Geocoder();
 8         // 將地址解析結果顯示在地圖上,并調整地圖視野
 9         myGeo.getLocation(point, function(rs){
10             // rs.addressComponents  可以得到省、市、區、街道、街道編號
11             var addComp = rs.addressComponents;
12             if(addComp){
13                 callBack(addComp);
14             }else {
15                 callBack("");
16             }
17         });
18 
19     },

?

轉載于:https://www.cnblogs.com/sunnie-cc/p/7906117.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251471.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251471.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251471.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

html5 --- canvas繪制網格并畫x、y軸

效果如下: // 代碼如下: <body><canvas width"500" height"375" id"c"></canvas><script>(function draw_a() {var a_canvas document.getElementById("c");var context a_canvas.getContext("2d&qu…

系統調用軟中斷處理程序system_call分析

最近學習了系統調用的整個流程&#xff0c;這里總結并記錄。同時作為學習孟寧老師的linux內核課程的作業。 唐建&#xff0c;《Linux內核分析》MOOC課程http://mooc.study.163.com/course/USTC-1000029000 1、概述 系統調用整個過程為&#xff1a;API——封裝例程——system_c…

Poj3261 Milk Patterns

題目傳送門 題意&#xff1a;對一個字符串求一個最長的子串使得它至少出現k次 額&#xff0c;因為這個題目呢&#xff0c;他的字符集非常大(100W) 所以直接用SAM是不行了&#xff0c;我們考慮用離散化SA&#xff0c;讓后就可以分塊rmq了 當然這樣很麻煩&#xff0c;我們還是用S…

html5 --- 使用canvas畫一個漸變矩形

我們希望得到如下效果: 首先準備畫布 // HTML <canvas width"500" height"375" id "a"> </canvas>// JS // 獲取畫布的DOM元素 var a_canvas document.getElementById("1"); // 獲取畫布的上下文元素(之后,就可以使用…

PHP優化與提升

一。十個不錯的建議1.使用 ip2long() 和 long2ip() 函數來把 IP 地址轉化成整型存儲到數據庫里。這種方法把存儲空間降到了接近四分之一&#xff08;char(15) 的 15 個字節對整形的 4 個字節&#xff09;&#xff0c;計算一個特定的地址是不是在一個區段內頁更簡單了&#xff0…

Servlet詳解之兩個init方法的作用

在Servlet中 javax.servlet.GenericServlet類 繼承自java.lang.Object 實現了Serializable,&#xff0c;servlet &#xff0c;ServletConfig 三個接口 被繼承對象javax.servlet.http.HttpServlet &#xff08;這是我們常用的一個類&#xff09; 但仔細看GenericServlet的API&am…

vue --- 使用vue在html上顯示當前時間

希望如下效果(時間按秒鐘更新) 導入Vue依賴的CDN <script src"https://unpkg.com/vue/dist/vue.min.js"> </script>創建視圖 <div id"app">{{date}}</div>Model <script>var app new Vue({el: "app",data: …

namespace 或The content of element type mapper must match EMPTY

必須為元素類型 "mapper" 聲明屬性 "namespace" 或The content of element type "mapper" must match "EMPTY" <?xml version"1.0" encoding"UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org/…

EAS WebService部署

1、創建 facade ,設置好接口及參數、返回信息; 2、代碼&#xff1a;元數據打包部署到服務器; 3、然后修改配置文件&#xff1a; 將本地開發環境生成的.wsdd文件拷貝到eas\server\deploy\eas.ear的web.war下的WEB-INF目錄下&#xff0c;再將.wsdd文件中的<service></se…

vue --- 購物車頁面

下面我看開始自己寫一個購物車的頁面. 我們希望得到如下的效果: 說明: 購買數量最小為0購買數量變化時,對應的總價隨之變化點擊移除操作對應的商品會移除掉,總價隨之改變每個商品作為一個list表的一個對象每個對象,包含id、name、price、count等屬性 index.html (整體代碼最…

Javascript阻止表單提交

Javascript阻止表單提交 Html 1.<form name"loginForm" action"login.aspx" method"post"> 2. <button type"submit" value"Submit" id"submit">Submit</button> 3.</form> Js …

XML CDATA的作用

操作XML文件時&#xff0c;如果允許用戶輸入內容&#xff0c;例如∶"< "、">"、"/"、""等&#xff0c;當生成XML時&#xff0c;會破壞了XML結構&#xff0c;使數據中斷。 這就要用XML CDATA 在XML文檔中的所有文本都會被解析器解…

vue --- 從模塊從父元素獲取數據

vue的精彩之處在于其組件的可復用性.下面談談組件(component)如何從父元素獲取數據 模塊引用 首先說說,如何引用模塊 <div id"app"><my-component ></my-component> </div> <script src“unpkg.com/vue/dist/vue.min.js”> </…

前端知識總結(一)

1、用原生JS實現forEach if(!Array.prototype.forEach) {Array.prototype.forEach function(fn, context) {var context arguments[1];if(typeof fn ! "function") {throw new TypeError(fn "is not a function");}for(var i 0; i < this.length; …

廣播風暴

能夠抑制網絡風暴的是&#xff1f;A中斷器 B集線器 C網橋 D路由器 答案D解析&#xff1a;&#xff08;1&#xff09;廣播風暴&#xff1f;一個數據幀或包被傳輸到本地網段上的每個節點就是廣播&#xff1b;由于網絡拓撲的設計和連接問題&#xff0c;或其他原因導致廣播在網段內…

java getClass()

Java反射學習 所謂反射&#xff0c;可以理解為在運行時期獲取對象類型信息的操作。傳統的編程方法要求程序員在編譯階段決定使用的類型&#xff0c;但是在反射的幫助下&#xff0c;編程人員可以動態獲取這些信息&#xff0c;從而編寫更加具有可移植性的代碼。嚴格地說&#xff…

vue --- 模塊從子組件獲取數據

先看個一般的例子: // 我們需要將信息從子組件傳遞給父組件,(有可能不止一條信息,因此)肯定需要一個標識,這個標識放在$emit里面(js),在dom中通過來關聯父元素。如下:<div id "app"><transfer connect"sayConnect" build"sayBuild"&g…

mySql配置在nodejs中使用

mySql安裝完成后&#xff0c;配置鏈接nodejs項目中的數據庫。 1、測試是否安裝成功。 2、use nodejs使用nodejs 3、設置數據源 5、exit 轉載于:https://www.cnblogs.com/zhxzh/p/9244996.html

轉,jquery中attr和prop的區別

https://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 像checkbox&#xff0c;radio和select這樣的元素&#xff0c;選中屬性對應“checked”和“selected”&#xff0c;這些也屬于固有屬性&#xff0c;因此需要使用prop方法去操作才能獲得正確的結果。 …

前端知識總結(二)

33、閉包 閉包的概念 上一節代碼中的f2函數&#xff0c;就是閉包。 各種專業文獻上的"閉包"&#xff08;closure&#xff09;定義非常抽象&#xff0c;很難看懂。我的理解是&#xff0c;閉包就是能夠讀取其他函數內部變量的函數。 由于在Javascript語言中&#x…