小程序认识地图组件与相关业务开发

2018-12-26  本文已影响14人  一个被程序员耽误的厨师

今天我要讲的有以下几点,这是我在开发的时候遇到的问题,希望对您有所帮助

1、小程序地图展示坐标。

2、坐标之间折现链接。

3、控制缩放比例。

4、走过的弯路

业务需求

一、如何创建一个地图?获取定位显示自己的位置?并在上面显示准备好的坐标点数组?

1、创建一个地图组件,这里是小程序地图组件 可以详细的阅读下,我这里直接复制下代码,创建一个地图

0001

2、如何获取当前用户的位置

    1)、修改map.wxml

0002

    2)、修改map.js

0003

    3)、定位成功。效果图如下

0004

3、展示做做标集合

    修改map.js

0005

展示效果

0006

4、将坐标用折线链接:

    修改map.js

0007

    效果图

0008

5、控制缩放比例

    map.js

0008

map.wxml

0009

效果图:

00010

这中间走过的坑我就不多说了,我只想说map组件的层级 比状态栏的层级都要高,地图滑动的时候,在安卓上 状态栏会消失,这个bug很恼心。



基本的介绍就到这里吧!

下图是我用小程序云开发的个人项目—我与三人行:

项目地址:GitHub:小程序云开发-我与三人行如果您觉得还可以的话,那就statr下吧!!!!!

上一篇下一篇

猜你喜欢

热点阅读