【百度地圖篇】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 插件的開發，共勉，奧利給！！！

學web前端有前途嗎

一? ?學習前端這門技術有前途嗎？

1、行業發展好。

就說我們目前中國所有行業，可以說任何一個行業都離不開互聯網，現在的人們對于互聯網的依賴很大，互聯網行業在中國無疑是現在發展前景最好的沒有之一。web前端現在雖然競爭大，剛開始工作并不是那么好找，但是它未來所需要的人才是可觀的，只有你擁有這個技術，作為web互聯網+時代，用戶體驗現在成為了企業的第一標準，web前端當然待遇是水漲船高的。

2、人才需求大。

現在的人們離不開手機，我們現在手機的各種應用都是用代碼寫成的，互聯網對人們的影響越來越大，根據新聞報道未來中國20年，需要軟件開發，美工設計，web前端開發人才2000W人才，各類職業也需求更多，前端的人才需求比以前也有了質的飛躍。

3、薪資待遇高。

web前端開發工程師的薪資待遇平均工資已經突破一萬，因為其他行業確實工資漲幅不大，所以必然會吸引了大批想要月薪過萬的人來轉行學習。我想引用喬布斯的一句話：WEB就是人類的未來，我們身為前端開發工作者也是未來，相信WEB前端開發的明天會更好。

二? ? 零基礎小白應該怎么學習前端才能少走彎路？

關于前端這一塊的學習，我不主張自學，因為前端的知識體系是很龐大的，如果你自學，遇到一些問題，你自己很難解決，至少需要有專業的前端人士指導你，站在高手的肩膀上，才能看的更高更遠，當然很多小伙伴會說，我也知道學習前端有高手指點挺好啊，可是我怎么知道去哪里找高手，高手又為什么愿意指導我呢？

這個問題問的好，其實現在是互聯網時代，網上有很多的相關視頻和直播課，我平時就經常去上網聽一些前端高手講課。我可以給大家分享一下我在網上聽課的地方，老師挺厲害的，每天晚上在網上免費講兩個小時的直播課，也很適合零基礎小白，講的很透徹通俗易懂，讓人感覺，原來前端是這么回事，沒有想象的那么難，想聽前端直播課的同學，可以進入他的前端教程資料裙：首先位于開頭的一組數字是：655，其次處于中間地帶的一組數字是：567，最后位于尾部的一組數字是：613，把以上三組數字按照先后順序組合起來即可。作為想從事前端這個行業的小伙伴，一定要有一個平常心，只要能學到知識，去學就是了，不要磨磨唧唧的的做什么事情，否則什么也做不好。

三? 學習前端，你需要具備哪些素質？

（1）如果web的任何一個元素（web界面，靈活的編程風格等）有一點吸引了你，讓你著實著迷，恭喜你，有了一個完美的開始。確認一下自己是否喜歡和合適前端，而不是為了一份看起來體面而且薪水不菲的工作。

（2）不斷學習，每日的積累，關注前端動態，是你跟上前端潮流的主要途徑。前端的體系過于龐大，技術框架爭涌而出，如果你經常抱怨累死碼農的節奏，那就審視一下自己對前端的態度。

（3）主抓基礎，避免盲目。前端領域知識點很多，值得學的東西也很多，聰明的人懂得花時間學習成體系的知識并且研究得足夠深入，而不是盲目的看到別人用什么框架就去學什么。只停留在實踐運用的階段，到頭來框架們都一個一個被淘汰，你仍在原地踏步。

（4）整理總結，先模仿后創造。將每日的積累做好規整，記錄到博客也好，筆記也好。多看看牛人的源代碼，等你達到了一定的層次水準，自然會得心應手。

（5）持有一顆造福前端社區的心。寫一些有意思的小工具、插件，推廣出去， 始終堅信，在從事前端的道路上You are not alone。

（6）要有專業人士的指導，尤其是學習前端找工作的，不要妄想自己一個人自學前端能找到工作，現在非常難，如果沒有一個明白人幫你解決一下問題，會有非常多的彎路，中間很容易放棄，學習的不專業不說，最重要是浪費時間。

（7）一個好的心態和一個堅持的心很重要，很多沖著高薪的人想學習前端，但是能學到最后的沒有幾個，遇到困難就放棄了，這種人到處都是，就是因為有的東西難，所以他的回報才很大，我們評判一個前端開發者是什么水平，就是他解決問題的能力有多強。

四? 入門web前端開發需要學習什么?

第一，基礎部分的學習。

主要就是html、css、Java。這個其實不用多講，這些個基礎不學扎實了什么也干不了，可以直接從html5、css3、ES5來學習。

第二，與美工相關、后端開發、設計相關的學習。

想做好Web前端開發，一定搞清楚自己的工作界面在什么地方，這對你有很大幫助。每個公司可能都不一樣，所以了解邊界相關的知識就很重要。

美工相關，主要是說ps、切圖之類的東西，photoshop還是需要會用的，至于說你能不能搞出漂亮的圖片來那倒不是重點，關鍵點是體會美工的工作過程。如果你在公司兼了這件事，那你就得深入的學習了，別不以為然，前端的美術有修養還是挺重要的。

后端開發，雖說一般情況下，前端開發和后端開發是分開的，不過二般情況也很多。這個時候就需要你在后端中選擇一條主線，很多人都在比較PHP、Python、Node.js哪種好，其實都差不多，不過從市場上的熱度來說視乎Node.js更熱一些，當然Node.js對js熟悉的前端來說也更容易上手。

相關標準，標準這個東西很多人都很不屑。其實很重要，越大的團隊越重要。還是熟悉熟悉養成好的習慣微妙。這在初期至少涉及到很多兼容性問題，所以W3C的標準是必須了解和掌握的。

第三，各種框架類庫的學習。

jquery，bootstrap等，現在的框架比較多，但是jquery和bootstrap這樣級別的必須得熟練掌握，要不很多公司都沒法干活。一般類庫和框架都有垂直的網站可以學習，如bootstrap中文網之類的都很不錯。

第四，對于工具的學習。

如Git、webpack、Gulp、github、Nginx 等等。工具本身實際上不學也能干活，從學習的角度來說，這個時間的分配上可以少一點兒，但是從工作的角度來說，如果需要的話要盡快上手，逐步熟悉。工具類的東西都不是特別難上手，幾天可能就差不多了，但是想玩的透，極大的提高效率這個還是需要投入不少時間的。

web前端好學嗎？

第一 前端開發難學嗎？？? ?總在難易上徘徊，容易內心糾結。

如果學什么課程之前，首先考慮的難不難學，這會形成一個不好的心理暗示，因為我們很多人的內心都是喜歡去學習簡單的容易的東西，而不喜歡學習復雜難的東西，我們的立足點不在是把這個專業學透徹學專業，總是在簡單的道路上徘徊，也就意味著我們只能掌握一個皮毛的知識，任何學科專業，學起來都不容易，都需要你們付出心血認真研究，總想不付出努力，隨便一學就一步登天的思想，是電視劇看多了吧，就像武俠電視劇里拿到一本武功秘籍，看一兩天，咔咔的就學會了，從此天下無敵，然后開始拯救世界了，不好意思，武俠的世界可以這樣，現實的世界不是這樣的，只能踏踏實實的去努力，逢山開路，遇水架橋。什么難不難的，為了掌握這門技術，去努力就對了，這才是正確的學習態度。

第二? 跟著高手學習，即便前端難，也會變的很容易。

?關于前端學習，我一直不主張完全自學，當然自學的精神可嘉，但是自學的時間成本，精力成本太高了，明明可以跟高手學10分鐘就能解決的問題， 很多人自己得折騰兩三天，即便這個時候問題解決了，自己也被折騰的精疲力盡了，更何況后邊還有很多的問題需要去解決，學習的過程就是一個跋山涉水，穿山越嶺的過程，自學好比自己一個人走著去學習，，而且這條路你從來沒走過，很容易迷路，而高手對這條路已經走了很多遍了，知道哪里有陷阱，哪里有小路可以直達，怎么滅掉路上的那些妖魔鬼怪各種攔路虎。

?有些伙伴說，你說的道理確實對，但是我們去哪里找前端高手，人家為什么要帶我們呢？我們也是兩眼一抹黑，被迫無奈才自學的嘛，有高手帶著，誰愿意一個人苦兮兮的自學呢，為了解決大家這個問題，大家可以跟我師傅學習一下，他每天晚上都在網上有免費直播課，講的通俗易懂很有條理，也很透徹明白，聽了不會讓人迷迷糊糊的，而是感覺明明白白的。想聽他的網上課程的同學，可以進入他的前端教程資料裙：首先位于開頭的一組是：655，其次處于中間地帶的一組數字是：567，最后位于尾部的一組數字是：613，把以上三組數字按照先后順序組合起來即可。學習比拼的不僅僅是努力，還有智慧，還有謀略，學習就像是一場戰斗，講究一個輸贏的，你學成了，你就贏了，你最后學的一瓶子不滿，半瓶子晃悠，那你就輸了。

第三? 淺談前端的學習歷程。

說起前端，第一個接觸到的就是我們現在每天都可以接觸到的網頁，而網頁的構成又分為三種知識的結合

（1）?HTML5：

H5給予前端的感覺就像是一個框架一樣，如同建房子，而H5的作用就是將框架給架構出來。而H5其實是通過H4發展過來的，但是由于兩者相差太大了，所以并沒有用過H4來進行過渡學習。在學習H5的時候，剛開始就遇到了困難，因為各種各樣的標簽，各種各樣的元素，學的我是有點兒暈頭轉向，不過好在，慢慢的自己也就有了那么一點點了解，基本上，H5中的元素分為行級元素以及塊級元素，行級元素都在同一行，除非用到br標簽，或者通過樣式將其變為塊級元素，而塊級元素則獨占一行，然后就是各種標簽的使用了，基本上也可以分為幾類，1.文本類，2.多媒體類，3.表格類，4.最為重要的表單類標簽，標簽的使用需要看情況選擇，只有經過不斷的練習才能逐步了解。而我自己對于標簽的使用也僅限于入門階段，所以也就不班門弄斧了，我這里所談只是我自己的學習過程。

（2） CSS3:

css的中文解釋為層疊樣式表單，所以它的主要作用就是裝飾，由于開始的時候已經接觸到了HTML5，所以CSS的作用就是在框架上面進行裝修，而這里面就涉及到了，如何去使用CSS，剛開始學習的時候其實我們可能都接觸到了，在HTML的代碼中，我們也可以對各種各樣的標簽進行樣式的控制，為什么我們還要通過css來進行控制呢？首先，在HTML中對樣式進行控制會影響代碼的整潔度。其次，在不斷的開發過程中，你會發現，其實有很多樣式你以前經常使用和編寫，那么通過我們學習過Java所以，首先想到的一定是封裝，那么既然有了封裝的想法，那就有了CSS的出現，CSS的使用有三種形式，一，外部引用，即所有的CSS樣式都存在CSS文件夾中，通過link使用二，在HTML頭部通過Style標簽進行編寫使用，三，也就是我們最不提倡的內嵌，即在標簽中進行樣式編寫，但是這樣的使用在canvor(畫布標簽)極為常見，講到樣式就不得不提到最為重要的選擇器，選擇器的使用可以通過1..+類名來使用，2.#+id進行選擇，3.直接通過標簽名進行選擇，4.可以通過其父容器再對其進行選擇，當然在我的學習中最為常見的是通過類名和id進行選擇，其次是直接對標簽名進行選擇，不過這些選擇器中，還有一個使用很多的，那就是組合選擇器，因為有時兩個標簽具有相同的樣式，所以這時就會產生兩個組合選擇器。說完了選擇器，就要講到css中的屬性了，比如寬width，高height，顏色color都是屬性，每個標簽都可以設置屬性。

屬性學習完就是定位和浮動了以及動畫，這些都是讓樣式更加美化的內容，所以如果需要頁面更加美化，那么就要將這部分內容學好，但是很慚愧的是我自己這部分屬于沒有學好的。

（3）? JavaScript:

JS的作用基本上就是完成前后端的交互，JS的學習過程相對于H5以及CSS3就好了一點點，因為它是可編程性語言，所以對于有過編程語言學習的同學，理解起來還是相對來說容易一點，由于它是弱類型語言，所以對于類型的定義只有Number，String，Boolean，Object，等，而不像java中光是數字類型就有四類八種，而且它不需要編譯即可運行，所以它很方便，也很輕量，而且對于變量的定義沒有java中的必需聲明引用，在JS中一切變量只需要一個Var就可以解決，但是在JS中也有Java中不存在的，比如匿名函數，相當于Java中的方法，即此方法沒有方法名，而且可以用變量進行表示，即 var i = function(){};所以對于JS的學習還沒有結束。而且還有最為重要DOM和BOM沒有學習到。學習還在不斷進行，而我也將一往無前。

前端開發的學的框架都有什么？

蝸牛學院在這里給大家整理了一份web前端開發完整的學習路線，框架在第三階段中，希望可以幫到你~

第一階段：專業核心基礎

階段目標：

1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。

2. 熟練運用HTML+CSS特性完成頁面布局。

4. 熟練應用CSS3技術，動畫、彈性盒模型設計。

5. 熟練完成移動端頁面的設計。

6. 熟練運用所學知識仿制任意Web網站。

7. 能綜合運用所學知識完成網頁設計實戰。

知識點：

1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿制任意網站的前端頁面實現。

2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。

3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。

第二階段：Web后臺技術

階段目標:

1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。

2. 熟練掌握JavaScript的基本數據類型和變量的概念。

3. 熟練掌握JavaScript中的運算符使用。

4. 深入理解分之結構語句和循環語句。

5. 熟練使用數組來完成各種練習。

6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。

7.DOM和BOM實戰練習和H5新特性和協議的學習。

知識點：

1、軟件開發流程、算法、變量、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。

2、JavaScript面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。

3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。

4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。

第三階段：數據庫和框架實戰

階段目標：

1. 綜合運用Web前端技術進行頁面布局與美化。

2. 綜合運用Web前端開發框架進行Web系統開發。

3. 熟練掌握Mysql、Mongodb數據庫的發開。

4. 熟練掌握vue.js、webpack、elementui等前端框技術。

5. 熟練運用Node.js開發后臺應用程序。

6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。

知識點：

1、數據庫知識，范式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb數據庫。深入理解數據庫管理系統通用知識及MySQL數據庫的使用與管理，為Node.js后臺開發打下堅實基礎。

2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL數據庫處理，RestfulAPI，文件上傳等。熟練運用Node.js運行環境和后臺開發框架完成Web系統的后臺開發。

3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。

4、需求分析，數據庫設計，后臺開發，使用vue、node完成pc和移動端整站開發。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能并上線發布。

第四階段：移動端和微信實戰

階段目標：

1.熟練掌握React.js框架，熟練使用React.js完成開發。

2.掌握移動端開發原理，理解原生開發和混合開發。

3.熟練使用react-native和Flutter框架完成移動端開發。

4.掌握微信小程序以及了解支付寶小程序的開發。

5.完成大型電商項目開發。

知識點：

1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Redux基本概念。練使用react完成項目開發、掌握Redux中的異步解決方案Saga。

2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網絡請求、打包。練掌握react-native和Flutter框架，并分別使用react-native和Flutter分別能開發移動端項目。

3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。

4、大型購物網站實戰，整個項目前后端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、后臺管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。

標題名稱：flutter柵格,flutter 網格布局
本文路徑：http://vcdvsql.cn/article42/dsdgdec.html

成都網站建設公司_創新互聯，為您提供商城網站、外貿網站建設、Google、虛擬主機、搜索引擎優化、定制網站

廣告

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