博主介绍:本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮助到您;
希望此文章可以帮助到您
目录
一、布局文件
二、css文件
三、js文件
1:定义marker数组
2:添加一个marker数据
四、运行效果
微信小程序布局图片上面显示文字
微信小程序实现左边图片右边文字效果
微信小程序获取当前日期和时间
微信小程序绘制地图轨迹线路
微信小程序绘制marker
微信小程序之绘制多个marker以及调用手机地图软件导航
page{
background-color: #f1f1f1;
height:100%
}
.mapUI{
width: 100%;
height: 100%;
}
data: {
markers: [],
}
markers.push({
id: 9001,
latitude: this.data.gps[this.data.gps.length - 1].split(",")[1],
longitude: this.data.gps[this.data.gps.length - 1].split(",")[0],
name: "终点",
iconPath: '../image/icon_end.png',
content: "marker显示的数据信息",
width: '30px',
height: '45px',
});
大家要是感觉此篇文章有意义;那就给个关注、点赞,收藏吧;
也可以关注文档末尾公众号