高德地圖 其他地圖坐標系轉化為高德坐標系

来源:https://www.cnblogs.com/shengjiangMock/archive/2023/10/16/17767289.html
-Advertisement-
Play Games

此篇以百度地圖為例 1、去高德地圖註冊自己的key(註冊流程可借鑒百度地圖註冊流程) 2、什麼是坐標 地球坐標系——WGS84:常見於 GPS 設備,Google 地圖等國際標準的坐標體系。 火星坐標系——GCJ-02:中國國內使用的被強制加密後的坐標體系,高德坐標就屬於該種坐標體系。 百度坐標系— ...


此篇以百度地圖為例

 1、去高德地圖註冊自己的key(註冊流程可借鑒百度地圖註冊流程)

2、什麼是坐標

  1. 地球坐標系——WGS84:常見於 GPS 設備,Google 地圖等國際標準的坐標體系。
  2. 火星坐標系——GCJ-02:中國國內使用的被強制加密後的坐標體系,高德坐標就屬於該種坐標體系。
  3. 百度坐標系——BD-09:百度地圖所使用的坐標體系,是在火星坐標系的基礎上又進行了一次加密處理

3、坐標系轉

為什麼做圖標轉化,我們在介面處獲取的坐標(經緯度)可能是GPS傳入的,也可能是其他項目中使用的其他地圖系獲取的坐標,例如百度地圖,騰訊地圖等。這些放到不同的地圖中會有偏差。導致精度不准。所以我們需要將坐標轉化為我們當前使用地圖所契合的經緯度。

  1.在高德地圖中使用 高德地圖JS文檔中的 API ——   AMap.convertFrom() 來進行坐標轉化

    //經緯度轉化
          // 參數說明:需要轉換的坐標,需要轉換的坐標類型,轉換成功後的回調函數
          AMap.convertFrom(
            [that.comlng, that.comlat],
            "baidu",//這個填寫的是 需要轉化的坐標及類型   此處填寫的是baidu就是轉化百度坐標,此值可選三個【gps:GPS基礎坐標】、【baidu:百度地圖坐標】、【mapbar:圖吧坐標】
        function (status, result) { if (result.info === "ok") { that.gaodeMaplng = result.locations[0].lng; that.gaodeMaplat = result.locations[0].lat; // console.log(result.locations[0]); // 構造點標記 var marker = new AMap.Marker({ label: { content: `${that.compText}` }, icon: "https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png", position: [result.locations[0].lng, result.locations[0].lat], anchor: "bottom-center", }); // 構造矢量圓形 var circle = new AMap.Circle({ center: new AMap.LngLat( `${result.locations[0].lng}`, `${result.locations[0].lat}` ), // 圓心位置 radius: 1000, //半徑 strokeColor: "rgb(253,221,155)", //線顏色 strokeOpacity: 1, //線透明度 strokeWeight: 3, //線粗細度 fillColor: "rgb(253,221,155)", //填充顏色 fillOpacity: 0.35, //填充透明度 }); // 將以上覆蓋物添加到地圖上 // add方法可以傳入一個覆蓋物數組,將點標記和矢量圓同時添加到地圖上 map.add(marker); map.add(circle); } } );

  前半段是對傳入經緯度進行處理,後續轉化成功後可搭配構造點標記,連線,構造矢量圖形等來展示地圖

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 近來在工作中處理JSON處理較多,深入研究了一下jq,之前對jq的使用一直停留在JSON數據格式化的層面,實際它的能力遠不止於此。 在處理JSON數據時,我們經常需要在命令行中進行過濾、查詢和編輯的操作。jq是一個強 ...
  • 本文介紹了MongoDB複製集的架構和特點,強調了使用複製集提供數據的高可用性和冗餘性的重要性。複製集由Primary節點和Secondary節點組成,確保數據一致性。複製集還具有數據分發、讀寫分離和異地容災等附加功能。使用MongoDB複製集可以提供穩定可靠的數據存儲和高可用性。 ...
  • 康師傅yyds MySQL的索引包括普通索引、唯一性索引、全文索引、單列索引、多列索引和空間索引等。 從 功能邏輯 上說,索引主要有 4 種,分別是普通索引、唯一索引、主鍵索引、全文索引。 按照 物理實現方式 ,索引可以分為 2 種:聚簇索引和非聚簇索引。 按照 作用欄位個數 進行劃分,分成單列索引 ...
  • tv屏中,最難處理的就是焦點問題,而複雜的焦點處理要屬應用列表模塊了 根據展示的列表,可以翻頁,預設焦點處於左上角第一個,此時通過遙控器上下左右可以控制焦點移動位置 焦點所在應用需要有個黃色邊框標識,往右移動到邊界,自動到下一行,繼續往右移動到邊界底部自動翻頁,往下移動到底部自動翻頁 長按應用彈出編 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 很多時候在工作中會碰到完全由前端導出word文件的需求,因此特地記錄一下比較常用的幾種方式。 一、提供一個word模板 該方法提供一個word模板文件,數據通過參數替換的方式傳入word文件中,靈活性較差,適用於簡單的文件導出。需要依賴: ...
  • 前言 有關設計模式的學習資料中,大部分都是以 java 語言實現的,畢竟 java 作為老牌面向對象的語言最能說明設計模式的核心概念,所以 js 的相關設計模式的學習資料也大多使用 class 類實現,本文記錄下 js 使用函數實現策略模式和狀態模式設計模式的方式,更有助於理解策略模式和狀態模式如何 ...
  • 三元運算符 基礎: let hungry = true; let eat; if (hungry true) { eat = 'yes'; } else { eat = 'no'; } 高階: let hungry = true; let eat = hungry true ? 'yes' : 'n ...
  • 1. 前言 大家好,我是沙漠盡頭的狼。 Dotnet工具箱是一個純前端的、開源和免費的工具網站,周末我參考了開源項目it-tools,對網站界面文字進行了漢化,並重新部署了網站。該網站共有10大工具分類,提供了73個實時線上小工具。使用Vue3開發的Dotnet工具箱具有獨特的特色,本文詳細介紹了其 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...