flutter 第三方地圖導航實現

這里實現flutter第三方地圖導航，選用最簡單的方式--調用第三方地圖客戶端；但各種地圖客戶端用的坐標系不一定相同，先了解下常見的坐標系：

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：國際域名空間、網頁空間、營銷軟件、網站建設、蘆山網站維護、網站推廣。

地圖應用api坐標系：

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

一般android和ios調起第三方應用是通過scheme方式，這里調起第三方地圖客戶端導航也一樣，如高德地圖，ios scheme為iosamap，android scheme為androidamap; 所以flutter需要引用url_launcher;

未完待續~~

【百度地圖篇】1.Flutter+百度Sdk實現地圖功能 & 百度地圖顯示網格問題

我是初學者小白，所以很多看法不深，理解也不夠透徹。但是很適合小白們一起從低角度往高處探索。文中有錯誤的，感謝指正，一起進步。

趁著假期做一個Flutter的地圖功能，因為后端選用了百度地圖，所以前端沒得挑。找了遍插件，并沒有現成可用的。（不過發現了百度官方也自開發Flutter插件，目前功能只有一個獲取本地位置信息，后期會繼續增加吧？很期待！）

參考帖子：

這個實際上跟功能之間沒太大關系，只是我按照個人摸索的過程來寫。

當對一個“領域/知識塊”完全不懂的時候，360°的方向都不確定的話。先了解基礎概念，有利于你確定自己的摸索方向。

參考帖子：

中間我跳過了幾十，上百個帖子的摸索過程。這個才是關鍵能夠真正做事的參考。

因為百度的sdk還算是很完善的，所以一旦出問題，都會有對應的報錯提示。

我是使用flutter插件：permission_handler，來解決安卓的動態授權問題，用法簡單而且設計合理。

這個錯誤直接來看，就是簽名有問題。怎么查看SHA1碼和包名，這里不多說，網上有極其多的方法，百度Sdk開發指南里也有。沒那么復雜，也沒那么麻煩。按照流程操作就是對的。

實在不放心？跟我一樣，flutter打包后，把apk反過來解SHA1碼不就行了？

參考帖子：

紅色框框基本就是帖子講解的那樣。

藍色框框見下圖：release標簽里好像是自己設置了。所以debug標簽里面，箭頭指向的位置，是我多設置的一個參數。

uid: -1 appid -1 msg: httpsPost failed,IOException:Unable to resolve host "api.map.baidu.com": No address associated with hostname

這一步我是哭笑不得，一開始老是和問題（2）混淆，導致浪費很多時間。仔細閱讀后，發現是不能連接到“api.map.baidu.com”。

我打開模擬器的chrome瀏覽器，發現不能上網。查看手機的dns是10.0.2.3(默認的)，和家里wifi不一樣，所以不能上網也正常，之前居然沒發現這個問題！！！

終端執行：adb shell? 和? getprop，就可以查看所有的屬性參數了。（window小伙伴自行百度，這個沒多大差別。如果你有多個設備，記得自己選好設備。）

在里面找到這一項，就是你的dns參數。有些人是net.dns1，我的是net.eth0.dns1。這個沒關系，只是等下指令 稍微改動 就行。

修改dns指令：setprop net.eth0.dns1 192.168.2.1

后面的192.168.2.1是我自己的dns，這個根據自己的情況來填寫。不懂的百度下怎么查看自己的dns。

雖然提示設置失敗，但是回到模擬器一看，地圖已經顯示出來了。

嘿嘿，在flutter設定多大的區域，地圖就是多大的區域。用起來就很方便了。

過程十分痛苦，因為對flutter不是很熟悉，對Android原生更是了解很少。所以自己就像突然不能講話，被丟到一個陌生的環境，卻要我去找一個人。所以細心很重要，一定要看清楚錯誤提示，不要錯過每一個細節和可能性。

幸好最后解決了問題，開心~

其實如果你仔細閱讀過百度官方的文檔，會發現里面有關于 地圖的生命周期管理 。然后在這里面沒有提及到，這一點雖然沒提，但不可或缺，小伙伴就自行思考吧。

最后還有一點，其實我的初衷是想實現一個百度地圖的plugin，但是苦于能力有限，對Android的不熟悉，最后折戟。我不得已另起項目，然后重新實現地圖sdk接入。經過這次對于這些有更多更全面的認知后，有空會再次研究flutter 插件的開發，共勉，奧利給！！！

Flutter筆記-調用原生IOS高德地圖sdk

2017年底因公司業務組合部門調整，新的團隊部分維護的項目用React Native技術混合開發。為適應環境變化，開啟瘋狂RN學習之旅，晚上回來啃資料看視頻。可能由于本身對RN技術體驗不感冒或者在環境之下強迫學習有點不爽。開始尋找代替方案，Fluter像一束曙光引起了我的注意，之后一直關注并利用閑余時間開始探索。2018年一直學習到使用Flutter寫項目，從0.2.0開始到現在1.5版本的發布，終于開始慢慢的爬出坑位了，但是因為部分控件感覺還是不如原生控件好用，因而Flutter提供了PlatformView部件。近期因項目中嚴重使用依賴地圖，故而做了Fluterr使用原生IOS高德地圖調研。因為我本身是一名android開發人員，初學IOS并記錄下來。

PlatformView是 flutter 官方提供的一個可以嵌入 Android 和 iOS 平臺原生 view 的小部件。

在我們實際開發中，我們遇到一些 flutter 官方沒有提供的插件可以自己創建編寫插件來實現部分功能，但是原生View在 flutter 中會遮擋住flutter 中的小部件，比如你想使用高德地圖sdk、視頻播放器、直播等原生控件，就無法很好的與 flutter 項目結合。

1、info.plist文件設置

2、 ios 端實現原生組件PlatformView提供原生view

3 、ios 端創建PlatformViewFactory用于生成PlatformView

4、 ios 端創建FlutterPlugin用于注冊原生組件

5 、flutter 平臺嵌入 原生view

iOS端的UiKitView目前還只是preview狀態, 默認是不支持的, 需要手動打開開關, 在info.plist文件中新增一行io.flutter.embedded_views_preview為true.

創建類 FlutterMapView 并實現FlutterPlatformView 協議

FlutterMapView.h

FlutterMapView.m

FlutterMapFactory.h

FlutterMapFactory.m

FlutterMapPlugin.h

FlutterMapPlugin.m

請前往 高德開放平臺控制臺 申請 iOS Key。

注意：Bundle Identifier需要與申請的時候填寫的一致

地圖依賴的庫列舉如下：

基礎 SDK AMapFoundationKit.framework

第一步：將解壓后的MAMapKit.framework 文件 copy 或 拖拽 到工程文件夾中，左側目錄選中工程名，在 TARGETS-Build Phases- Link Binary With Libaries 中點擊“+”按鈕，在彈出的窗口中點擊“Add Other”按鈕，選擇工程目錄下的 MAMapKit.framework 文件添加到工程中。

千萬不要忘記將AMapFoundationKit也一起加入工程。

3D地圖正確配置應如下圖所示：

需要引入的資源文件包括：AMap.bundle，其中：AMap.bundle 在 MAMapKit.framework 包中，AMap.bundle資源文件中存儲了定位、默認大頭針標注視圖等圖片，可利用這些資源圖片進行開發。

左側目錄中選中工程名，在右鍵菜單中選擇Add Files to “工程名”…，從MAMapKit.framework中選擇AMap.bundle文件，并勾選“Copy items if needed”復選框，單擊“Add”按鈕，將資源文件添加到工程中。

成功跑起來 。。 。

高德地圖 flutter 報LocationManager:doRequireLocationAuth錯誤

在flutter中使用高德地圖，突然報如標題的錯誤，一開始我以為是plist文件沒有加位置授權，一檢查發現權限都有，想著以前這定位都正常的，應該是改了其他地方引起定位不了的，一一對比，是我permission_handler這個插件升級了，升級后ios這邊要在podfile文件下加一下權限配置

target.build_configurations.eachdo |config|

# You can remove unused permissions here

# for more infomation:

# e.g. when you don't need camera permission, just add 'PERMISSION_CAMERA=0'

config.build_settings['GCC_PREPROCESSOR_DEFINITIONS']||= [

'$(inherited)',

## dart: PermissionGroup.calendar

? ? 'PERMISSION_EVENTS=1',

## dart: PermissionGroup.reminders

? ? 'PERMISSION_REMINDERS=1',

## dart: PermissionGroup.contacts

? ? 'PERMISSION_CONTACTS=1',

## dart: PermissionGroup.camera

? ? 'PERMISSION_CAMERA=1',

## dart: PermissionGroup.microphone

? ? 'PERMISSION_MICROPHONE=1',

## dart: PermissionGroup.speech

? ? 'PERMISSION_SPEECH_RECOGNIZER=1',

## dart: PermissionGroup.photos

? ? 'PERMISSION_PHOTOS=1',

## dart: [PermissionGroup.location, PermissionGroup.locationAlways, PermissionGroup.locationWhenInUse]

? ? 'PERMISSION_LOCATION=1',

## dart: PermissionGroup.notification

? ? 'PERMISSION_NOTIFICATIONS=1',

## dart: PermissionGroup.mediaLibrary

? ? 'PERMISSION_MEDIA_LIBRARY=1',

## dart: PermissionGroup.sensors

? ? 'PERMISSION_SENSORS=1',

## dart: PermissionGroup.bluetooth

#? ? ? ? 'PERMISSION_BLUETOOTH=1',

## dart: PermissionGroup.appTrackingTransparency

? ? 'PERMISSION_APP_TRACKING_TRANSPARENCY=1',

## dart: PermissionGroup.criticalAlerts

? ? 'PERMISSION_CRITICAL_ALERTS=1',

]

end

怎么在flutter中實現點擊按鈕發送高德地圖上自己實時位置的短信？怎么讓位置信息成為短信的內容呢

如果你要手動操作的話，你可以選擇截圖，然后發送圖片就可以了。

文章題目：flutter地圖標點,flutter 圖標
本文URL：http://vcdvsql.cn/article2/dsdehoc.html

成都網站建設公司_創新互聯，為您提供品牌網站建設、建站公司、動態網站、網站排名、網站設計公司、服務器托管

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯