flutter 第三方地圖導(dǎo)航實(shí)現(xiàn)

知識準(zhǔn)備

這里實(shí)現(xiàn)flutter第三方地圖導(dǎo)航,選用最簡單的方式--調(diào)用第三方地圖客戶端搀别;但各種地圖客戶端用的坐標(biāo)系不一定相同,先了解下常見的坐標(biāo)系:

WGS84坐標(biāo)系:即地球坐標(biāo)系,國際上通用的坐標(biāo)系南蓬。
GCJ02坐標(biāo)系:即火星坐標(biāo)系,WGS84坐標(biāo)系經(jīng)加密后的坐標(biāo)系哑了。
BD09坐標(biāo)系:即百度坐標(biāo)系赘方,GCJ02坐標(biāo)系經(jīng)加密后的坐標(biāo)系。

地圖應(yīng)用api坐標(biāo)系:

百度地圖api:百度坐標(biāo)系弱左,即BD09坐標(biāo)系
高德地圖api:火星坐標(biāo)系窄陡,即GCJ02坐標(biāo)系
騰訊地圖api:火星坐標(biāo)系,即GCJ02坐標(biāo)系

實(shí)現(xiàn)步驟

第一步拆火、引入url_launcher

在 pubspec.yaml 文件中添加依賴插件:

  url_launcher: ^5.4.10

一般android和ios調(diào)起第三方應(yīng)用是通過scheme方式跳夭,這里調(diào)起第三方地圖客戶端導(dǎo)航也一樣涂圆,如高德地圖,ios scheme為iosamap优妙,android scheme為androidamap; 所以flutter需要引用url_launcher;

第二步乘综、跳轉(zhuǎn)導(dǎo)航封裝

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

class XMapNavigatorUtil {
  /// 高德地圖導(dǎo)航
  static Future<bool> gotoAMap(
      {longitude, latitude, VoidCallback toInstallCallBack}) {
    var url =
        '${Platform.isAndroid ? 'android' : 'ios'}amap://navi?sourceApplication=amap&lat=$latitude&lon=$longitude&dev=0&style=2';

    return gotoMap(
        url: url,
        toInstallCallBack: () {
          if (null != toInstallCallBack) {
            toInstallCallBack();
          }
        });
  }

  /// 騰訊地圖導(dǎo)航
  static Future<bool> gotoTencentMap(
      {longitude, latitude, VoidCallback toInstallCallBack}) async {
    var url =
        'qqmap://map/routeplan?type=drive&fromcoord=CurrentLocation&tocoord=$latitude,$longitude&referer=IXHBZ-QIZE4-ZQ6UP-DJYEO-HC2K2-EZBXJ';

    return gotoMap(
        url: url,
        toInstallCallBack: () {
          if (null != toInstallCallBack) {
            toInstallCallBack();
          }
        });
  }

  /// 百度地圖導(dǎo)航
  static Future<bool> gotoBaiduMap(
      {longitude, latitude, VoidCallback toInstallCallBack}) async {
    var url =
        'baidumap://map/direction?destination=$latitude,$longitude&coord_type=gcj02&mode=driving';
    return gotoMap(
        url: url,
        toInstallCallBack: () {
          if (null != toInstallCallBack) {
            toInstallCallBack();
          }
        });
  }

  /// 跳轉(zhuǎn)到第三方地圖
  /// [url]跳轉(zhuǎn)地址
  /// [toInstallCallBack]地圖未安裝回調(diào)
  static Future<bool> gotoMap(
      {String url, VoidCallback toInstallCallBack}) async {
    bool canLaunchUrl = await isMapInstall(url);

    if (!canLaunchUrl) {
      if (null != toInstallCallBack) {
        toInstallCallBack();
      }

      return false;
    }

    await launch(url);

    return true;
  }

  static void toInstallMap(String url) {
    launch(url);
  }

  static Future<bool> isBaiduMapInstall() {
    return canLaunch('baidumap://map/direction');
  }

  static Future<bool> isTencentMapInstall() {
    return canLaunch('qqmap://map/routeplan');
  }

  static Future<bool> isAmapMapInstall() {
    return canLaunch('${Platform.isAndroid ? 'android' : 'ios'}amap://navi');
  }

  /// 判斷地圖是否有安裝
  static Future<bool> isMapInstall(String url) {
    return canLaunch(url);
  }
}

第三步、IOS配置(Android不需要配置)

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>iosamap</string>
    <string>qqmap</string>
    <string>baidumap</string>
</array>

注意事項(xiàng):

  • 經(jīng)緯度坐標(biāo)系必須一致套硼,否則會出現(xiàn)地點(diǎn)偏移情況卡辰;
  • 上述代碼入?yún)⒔?jīng)緯度坐標(biāo)系統(tǒng)一為GCJ02坐標(biāo)系,即火星坐標(biāo)系邪意,如不是九妈,需要先轉(zhuǎn)換成GCJ02坐標(biāo)系,再傳入雾鬼;

未完待續(xù)~~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末萌朱,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子策菜,更是在濱河造成了極大的恐慌晶疼,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件又憨,死亡現(xiàn)場離奇詭異翠霍,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蠢莺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門寒匙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人躏将,你說我怎么就攤上這事锄弱。” “怎么了祸憋?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵会宪,是天一觀的道長。 經(jīng)常有香客問我夺衍,道長狈谊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任沟沙,我火速辦了婚禮河劝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘矛紫。我一直安慰自己赎瞎,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布颊咬。 她就那樣靜靜地躺著务甥,像睡著了一般牡辽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上敞临,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天态辛,我揣著相機(jī)與錄音,去河邊找鬼挺尿。 笑死奏黑,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的编矾。 我是一名探鬼主播熟史,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼窄俏!你這毒婦竟也來了蹂匹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤凹蜈,失蹤者是張志新(化名)和其女友劉穎限寞,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體仰坦,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡昆烁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了缎岗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,569評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡白粉,死狀恐怖传泊,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鸭巴,我是刑警寧澤眷细,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站鹃祖,受9級特大地震影響溪椎,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜恬口,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一校读、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧祖能,春花似錦歉秫、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽轧膘。三九已至,卻和暖如春兔甘,著一層夾襖步出監(jiān)牢的瞬間谎碍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工洞焙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蟆淀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓闽晦,卻偏偏與公主長得像扳碍,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子仙蛉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容