how to realize this kind of map positioning? find the train of thought in Wechat"s official account.
how to realize this kind of map positioning? find the train of thought in Wechat"s official account.
in Wechat official account , does this description require users to open your official account chat window and directly show your application? It should not be done, oh, it can only be made in the form of H5 or Mini Program, and add an entrance to the button below the official account.
needless to say, server side and bicycle side? If you want, you can say it in the comments, I will add a general idea of this aspect, and I will only mention the front end below.
if you want to use Mini Program, you can only use Wechat Map api.
but if it is H5, Baidu map api and Amap api, are still recommended here because the map api that Wechat uses for H5 provides only a few functions, there is no big difference between them in this respect, and they are both free, so you can choose according to your personal preference.
the above mentioned map api, supports the dynamic addition of marked points in the map, and you can put your bike location as a marked point on the map. And these maps also support custom styles, which can be changed to your favorite style, but it should take a lot of time to change colors.
Front-end development ideas:
1. Open the page, use H5 api or Wechat jsapi to obtain the user's current longitude and latitude, and return it to the backend, which tells the front end the latitude and longitude of bicycles available near this longitude and latitude.
2. Use the longitude and latitude of these bikes to generate marked points and put them on the map.
3. (here, by default, the user is logged in, and you allow him to unlock his bike) Click the scan button to activate Wechat's scan function (both H5 and Mini Program can do this). After scanning the code successfully, the QR code content will be returned to you. This content is the content when you generate the QR code, and use these contents to adjust the background unlocking interface
.4. After the lock is successfully unlocked, there will be a notification at the backend. After receiving the notification, the front end can display the timing page and other pages.
< hr >beside the question, I don't know whether your bike supports ibeacon (that is, low-power Bluetooth). Now ofo wants users to open Bluetooth and detect that ofo, who scans your code, is really near you before opening the lock automatically, otherwise it can only be unlocked manually, which is also a means to prevent loss.
it just so happens that both H5 and Mini Program in Wechat support ibeacon,. If your bike also supports this technology, you can do it.
first of all, you need to call Wechat's map api to draw a map, and then you need to have a positioning device, a positioning engine, and an interface like Wechat to obtain positioning data.
then you unify the obtained data with the map. Then click on the map to show
with the address of the public platform development document
https://mp.weixin.qq.com/wiki.
o ...
the onclick (), that clicks the arrow wants to call oil.prototype.createChart=function (oilRealtable,objId,meteId) {}, Please let me know ...
I use electron to package my parking program. linuxwindowscpu windows ...
although there is no pc page written on the mobile phone page, why is there so much blank space? there is nothing . https: mamba-working.github. preview address is here ...
as shown in the figure, add a click event to the three microphone buttons on the right. Previously, you can add a click event to each button, but now you want to add it in the way of event delegation, how to achieve it? The code is as follows: <...
superagent .get( http: passport.chinahr.com ajax m existLoginName ) .query( input + "=" + 15800000000) .end(function (err, response) { console.log( , response.body, err) }); request .get( http: passport.chinah...
I follow the demo code provided by i18next const i18next = require( i18next ); const i18m = require( koa-i18next-middleware ); add custom detector. i18m.LanguageDetector.addDetector({ name: mySessionDetector , lookup(ctx, options)...
the px2rem plug-in is used in vue, and then the picture or icon will be blurred when flexbile, adapts to a specific model. How to deal with this situation ...
recently do a react project, the first contact, there is a left slip event, I would like to ask how to add left slip event for react. The end result is a sideslip deletion. If there is any great god who knows, give me some guidance. Thank you, urgent ...
the data in the score section of ...
on the above plug-in, in order to graphically count, from the big circle, jump to how many small circles, is similar to the timeline plug-in, but this is from one, pointing to multiple branches, the timeline is a back row want to search for a plug...
where can I upload the video, and then take the outer link and put it on the video tag, preferably without advertising? is now uploaded to Qiniu, but the video cache is too slow (because you are using the test domain name), so ask if there are other pla...
recently, there is a project that needs to do an app scan to identify the ID card, which requires that after the first picture is taken, the image is compressed by an asynchronous thread, and then api, is called to be identified by the background ocr and...
var arr = []; arr.toString = = Object.prototype.toString false ...
how does the scroll bar beautification component of element ui set the scroll bar to display one by one? The data update scroll bar becomes? ...
h5 technology achieves this effect. It feels like c3 or jq can be done completely, but the sliding event is not very good. Is there any good way to feel that there will be bug, without using the ui framework? ...
defines a value in the setInterval () method so that x-= 1; secondLength = 60; setInterval(function(){ console.log(secondLength); secondLength -= 1; setDefault(secondtx,secondLength) },1000); looks like this. It is correct in t...
question: in an h5 mobile page, has such a parent-child relationship: sliding elements up and down = > left and right sliding elements = > Click elements if there are sliding up and down (drop-down refresh), left and right sliding (rotation switch...
these data are all sent from the background STATUS 0 indicates auditing STATUS 1 indicates normal STATUS 2 indicates locked status but now I don t know how to change it to Chinese, how to do it? <tr v-for="(item,index) in infoData&quo...
bootstrap-table rendering table, specify the width of the column, more than the width of the ellipsis display, require the mouse up to be similar to title to display the whole content? The rendering table code is as follows ...