午夜视频在线网站,日韩视频精品在线,中文字幕精品一区二区三区在线,在线播放精品,1024你懂我懂的旧版人,欧美日韩一级黄色片,一区二区三区在线观看视频

分享

微搭小課堂-第一課 實(shí)現(xiàn)到店導(dǎo)航

 低代碼布道師 2023-10-12 發(fā)布于內(nèi)蒙古
微搭小課堂是一門實(shí)戰(zhàn)課,以商業(yè)的視角來思考究竟該開發(fā)什么樣的功能。既有技術(shù)點(diǎn)的分解,又有產(chǎn)品功能的規(guī)劃。以微搭為主線,順藤摸瓜體驗(yàn)一下騰訊全家桶的各種各樣的功能。愿景是做一百期,形式是以朋友圈九宮格為載體。其實(shí)武功主要是心法,心法會(huì)了招式可以自創(chuàng)。一起看看我們可以和微搭走多遠(yuǎn)。

現(xiàn)在很多商家都利用微信來進(jìn)行宣傳,或者是使用朋友圈或者是依托微信群。雖說線上宣傳比較便利,但是有一個(gè)日常經(jīng)常需要反復(fù)做的場景就是指路。一般新加的顧客要想到店購物,必須和商家溝通詳細(xì)的地址,有時(shí)候表達(dá)的有誤就免不了要跑不少冤枉路。

其實(shí)利用朋友圈賣貨,相當(dāng)于是利用了工具來擴(kuò)大宣傳。但是要想真正方便顧客,將一些日常經(jīng)常大量占用時(shí)間的場景提煉出來,使用信息化的工具來優(yōu)化提升工作效率是很有必要的。那么我們就思考一下這個(gè)指路的場景如何提煉。

所謂的指路,就是要告訴顧客店鋪準(zhǔn)確的位置。我們使用傳統(tǒng)思維就必須要告訴顧客你現(xiàn)在大致的位置,比如到某某小區(qū)的哪個(gè)門,然后再告訴具體的方向和距離。對于對空間和方位理解困難的人來說,最怕的就是你所謂的指路了。

那么我們就拆解一下,首先是如何確定你的店鋪的位置。一般我們確定位置是通過經(jīng)緯度來確定的,那如何知道自己目前這個(gè)位置的經(jīng)緯度呢?這就需要借助坐標(biāo)拾取工具來確定。

坐標(biāo)拾取


一般這種工具地圖軟件是提供的,我們常見的地圖工具有幾種如高德、百度、騰訊。我們就以騰訊地圖為例,來獲取一下坐標(biāo)。打開騰訊地圖的坐標(biāo)拾取工具:

https://lbs.qq.com/getPoint/

可以找到你的位置,點(diǎn)擊一下,就可以獲取到經(jīng)緯度

獲取到經(jīng)緯度就需要考慮這個(gè)點(diǎn)位如何存儲(chǔ)。在微搭中數(shù)據(jù)可以存放到數(shù)據(jù)源中,具體存放的時(shí)候要考慮字段的類型,正好我們有地理位置的字段,按這個(gè)存放就可以。

存儲(chǔ)地理位置信息


在數(shù)據(jù)源中我們新建一個(gè)地理位置字段

然后利用數(shù)據(jù)源帶的管理后臺(tái)將獲取到的坐標(biāo)存儲(chǔ)到數(shù)據(jù)源中

數(shù)據(jù)源存放好了之后我們就考慮如何在小程序中獲取到位置信息,需要定義一個(gè)變量來獲取數(shù)據(jù)源的信息。

創(chuàng)建變量


實(shí)現(xiàn)到店導(dǎo)航


我們考慮在頁面中放一個(gè)圖標(biāo)組件,點(diǎn)擊圖標(biāo)的時(shí)候,就打開騰訊地圖,標(biāo)注店鋪的位置,利用騰訊地圖的導(dǎo)航功能就實(shí)現(xiàn)了到店導(dǎo)航。

先創(chuàng)建一個(gè)低碼方法,用來獲取變量并打開位置

export default function({event, data}) {  const latitude = $page.dataset.state.shopimages.records[0].jwd.geopoint.coordinates[1]   const longitude = $page.dataset.state.shopimages.records[0].jwd.geopoint.coordinates[0]   wx.openLocation({     latitude,     longitude,     scale: 18   })   }

在組件上綁定點(diǎn)擊事件,選擇我們創(chuàng)建的自定義方法即可

最終效果

如果對你有用,記得點(diǎn)贊、關(guān)注+評論哦。

    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多