2020之10月记

2020之10月记

记录我这个月所踩的坑,所学到的东西。

新的改变

新的改变之前,像我这种擅长怀旧的人,肯定是要回首过去。迷迷糊糊也不知道为啥,今年就只剩下两个月了,后半年在不断认识新的人,不断告别离开的轮回里,内心有过不舍,内疚,害怕;有段时间,我发现皮肤真的是肉眼的变差,以前总是觉得自己皮肤怎么折腾都没事,我错了,那只是遇到的事不够操心,身体还年轻;但是anyway啊,依然是走过来了。

1.wx小程序map-markers

这尼玛卡了我好几天,网上又搜半天,demo不是用vue写的可以显示,但是整合成vue之后,就老显示不出来。现在搞定了,先记录下来,以后可以用。注意这里的绑定需要用“ :”冒号,花括号会报错。
下面是map-list.vue代码:

<template><div class="maps-show"><map id="myMap" :latitude="markers[0].latitude" :longitude="markers[0].longitude" :markers="markers" scale="16"></map></div>
</template>
<script>
/*
markers的数据可以先这样定义,然后再把后台数据覆盖进来,
这里有个坑就是latitude和longitude不能改成lat,和lon,就算是对应标签里改成
也不行
*/markers: [{id: 1,iconPath: "/static/images/location.png", //坐标图案的路径latitude: 28.0,longitude: 104.0,width: 30,  //图片显示宽度height: 30 , //图片显示高度},]  },
</script>

效果图:
在这里插入图片描述

2.通过目标的经纬度计算与当前位置的距离

<template><div class="base-list base-large-list"><van-list v-model="loading" :finished="finished" :finished-text="null" @load="onLoad"><div class="address-list"><a href="more-detail"  class="item" v-for="item in list" :key="item" @click="getLocatedMap(item)"><div 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部