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

　　如下圖所示微信讀書小程序的導航欄，通過使用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) }})

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