導航就小程序開發(fā)過程中經常用的一組件板塊，對于從業(yè)開發(fā)人員一定要好好的充分利用起來才行，今天長沙小程序開發(fā)智企云就組件板塊中對導航欄跟地圖板塊來作相應的介紹，學習微信小程序開發(fā)的的小伙伴們繼續(xù)加油，每天進一點點。

　　如下圖所示微信讀書小程序的導航欄，通過使用navigator和function-page-navigator可以配置你的小程序導航欄樣式與屬性。

      地圖

　　這里有一個地圖的示例小程序：

　　我們使用組件調用小程序的地圖功能，如下代碼所示，初識位置為相應經緯度的地點：

　　# 對應的map組件的wxml

　　// 對應的map.jsPage({ data: { markers: [{ iconPath: "/resources/others.png", id: 0, latitude: 23.099994, longitude: 113.324520, width: 50, height: 50 }], polyline: [{ points: [{ longitude: 113.3245211, latitude: 23.10229 }, { longitude: 113.324520, latitude: 23.21229 }], color:"#FF0000DD", width: 2, dottedLine: true }], controls: [{ id: 1, iconPath: '/resources/location.png', position: { left: 0, top: 300 - 50, width: 50, height: 50 }, clickable: true }] }, regionchange(e) { console.log(e.type) }, markertap(e) { console.log(e.markerId) }, controltap(e) { console.log(e.controlId) }})

        以上就是長沙小程序開發(fā)公司智企云帶來的導航欄與地圖組件的內容模塊的相關介紹，后續(xù)我們會帶來更多關注小程序開發(fā)相關內容介紹，我們先把基礎打好，打牢，熟練并能實操，后面較有難度的也會慢慢帶來新的干貨分享，我們敬請關注！