国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序-地圖上的圖標計算旋轉值朝向經緯度計算

這篇具有很好參考價值的文章主要介紹了微信小程序-地圖上的圖標計算旋轉值朝向經緯度計算。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

廢話不多說,開整
微信小程序-地圖上的圖標計算旋轉值朝向經緯度計算,微信小程序,微信小程序,小程序

微信小程序-地圖上的圖標計算旋轉值朝向經緯度計算,微信小程序,微信小程序,小程序文章來源地址http://www.zghlxwxcb.cn/news/detail-596121.html

// 參數(shù)為寄件人經緯度和收件人經緯度 
// 根據(jù)寄收件人經緯度弧度π進行rotate旋轉計算
const getRotate = (po1, po2) => {
    if (!(po1 && po2)) return 0
    const lng_a = po1.longitude
    const lat_a = po1.latitude
    const lng_b = po2.longitude
    const lat_b = po2.latitude
    const a = ((90 - lat_b) * Math.PI) / 180
    const b = ((90 - lat_a) * Math.PI) / 180
    const AOC_BOC = ((lng_b - lng_a) * Math.PI) / 180
    const cosc = Math.cos(a) * Math.cos(b) + Math.sin(a) * Math.sin(b) * Math.cos(AOC_BOC)
    const sinc = Math.sqrt(1 - cosc * cosc)
    const sinA = (Math.sin(a) * Math.sin(AOC_BOC)) / sinc
    const A = (Math.asin(sinA) * 180) / Math.PI
    let rotate = 0
    if (lng_b > lng_a && lat_b > lat_a) rotate = A
    else if (lng_b > lng_a && lat_b < lat_a) rotate = 180 - A
    else if (lng_b < lng_a && lat_b < lat_a) rotate = 180 - A
    else if (lng_b < lng_a && lat_b > lat_a) rotate = 360 + A
    else if (lng_b > lng_a && lat_b == lat_a) rotate = 90
    else if (lng_b < lng_a && lat_b == lat_a) rotate = 270
    else if (lng_b == lng_a && lat_b > lat_a) rotate = 0
    else if (lng_b == lng_a && lat_b < lat_a) rotate = 180

    if (rotate > 360) {
      rotate = rotate - 360
    }
    return rotate
  }

到了這里,關于微信小程序-地圖上的圖標計算旋轉值朝向經緯度計算的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 微信小程序引入外部矢量圖標(阿里巴巴矢量圖標)

    微信小程序引入外部矢量圖標(阿里巴巴矢量圖標)

    ? 進入阿里巴巴矢量圖標庫 搜索想要的矢量圖標并加入購物車,點擊右上角購物車 將圖標添加至項目 更改項目設置 將字體格式設置為TTF Base64 ? 點擊下載至本地 ?在微信小程序中新建文件夾 ?將下載到本地的文件中的iconfont.css拖拽到微信小程序新建的文件夾中 ?更改后綴名

    2024年02月16日
    瀏覽(95)
  • 微信小程序使用iconfont圖標

    微信小程序使用iconfont圖標

    一、第一步進入iconfont網(wǎng)站 1.添加需要使用的圖標,點擊購物車圖標加入項目 ? 2.點擊右上角的購物車按鈕 ? ?3.點擊添加項目按鈕,選擇一個項目添加即可,若沒有項目,可以創(chuàng)建 ? 4.添加完項目會自動跳轉到下一個頁面,點擊font class 生成在線鏈接 ? 5.復制生成的鏈接,去

    2024年02月08日
    瀏覽(110)
  • 高德地圖實現(xiàn)-微信小程序地圖導航

    高德地圖實現(xiàn)-微信小程序地圖導航

    1、在高德開放平臺注冊成為開發(fā)者 2、申請開發(fā)者密鑰(key)。 3、下載并解壓高德地圖微信小程序SDK 注冊賬號(https://lbs.amap.com/)) 申請小程序應用的 key 應用管理(https://console.amap.com/dev/key/app)) - 我的應用 - 創(chuàng)建新應用 生成的 key 即可用在程序中 下載相關 sdk 文件,導入 amap-

    2024年02月08日
    瀏覽(99)
  • 微信小程序使用字體圖標——鏈接引入

    微信小程序使用字體圖標——鏈接引入

    目錄 1.下載字體圖標 ?1.選擇需要的圖標加入購物車添加到項目 2.查看項目? 3.生成在線鏈接? ?4.復制生成的鏈接 等下放到iconfont.json中?編輯 2.引入鏈接 1.下載? 2.生成iconfont.json文件 3. 在iconfont.json中 放入生成的鏈接 4.需要重新編譯小程序之后在終端執(zhí)行 5.在app.json中引入字

    2024年02月16日
    瀏覽(1200)
  • 微信小程序 實現(xiàn)可拖動懸浮圖標

    微信小程序 實現(xiàn)可拖動懸浮圖標

    效果圖 (1)wxml (2)js (3)wxss

    2024年02月04日
    瀏覽(89)
  • 微信小程序引入和風天氣圖標庫

    微信小程序引入和風天氣圖標庫

    npm導入和風天氣的圖標庫后使用沒有效果,就在網(wǎng)上查詢了下怎么解決,然后動手嘗試一下。 參考文章 1. 下載圖標文件(鏈接),解壓后大致這樣 2. 在transfonter網(wǎng)站將需要的圖標字體轉成Base64,在fontfonts文件下 選擇上傳 下載 3. 解壓后把stylesheet.css復制到小程序的某個文件夾下

    2024年02月04日
    瀏覽(104)
  • 微信小程序(五)地圖

    微信小程序(五)地圖

    ? ? ? ? 作者開發(fā)《目的地到了》需要滿足用戶選取地址作為目的地的需求,所以需要使用到地圖。作者用的是騰訊地圖,這里介紹下技術實現(xiàn)。 ? ? ? ? 引入騰訊地圖的組件包微信小程序JavaScript SDK | 騰訊位置服務,根據(jù)經緯度調用里面的api才能獲取周圍的地圖數(shù)據(jù)展示

    2024年02月03日
    瀏覽(22)
  • 微信小程序引入地圖

    微信小程序引入地圖 1.可以直接在頁面設置map標簽顯示出地圖,然后通過設置其大小控制地圖顯示面積。 2.可以通過scale改變地圖縮放級別和longitude和latitude屬性設置地圖中心的經緯度。 3.可以通過markers屬性設置地圖標點 引入的數(shù)組必須是一下格式: 如果是從接口獲取的數(shù)據(jù)

    2024年02月09日
    瀏覽(95)
  • 微信小程序,高德地圖

    微信小程序,高德地圖

    高德開放平臺: 注冊賬號(https://lbs.amap.com/) 去高德地圖平臺申請小程序應用的 key 應用管理(https://console.amap.com/dev/key/app) - 我的應用 - 創(chuàng)建新應用 生成的 key 即可用在程序中 下載相關 sdk 文件,導入 amap-wx.js 到項目中:https://lbs.amap.com/api/wx/download 創(chuàng)建 AMapWX 對象 api getRegeo 獲取

    2024年02月09日
    瀏覽(95)
  • 微信小程序地圖導航

    微信小程序地圖導航

    官方坐標獲?。篽ttps://lbs.qq.com/getPoint/ 如:重慶解放碑 緯度:29.557284 經度:106.577153 微信小程序文檔:https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.openLocation.html

    2024年02月11日
    瀏覽(97)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包