微信小程序地图标记点
2019-01-23 本文已影响40人
肉肉要次肉
项目中想要实现的效果是点击地图上的搜索框，输入想要搜索的公司名称，点击列表传给地图页，公司的经纬度以及相应的其他信息。在地图上显示该点及信息。
wxml代码示图：
先简单说一下：
标记1处：markers，就是今天的重点。有了它才能实现在地图的标记点
标记2处：将地图展示的高度设为了动态，根据是否显示标记点的公司名称来判断（这里标记点公司名称作为地图底部的弹窗来显示或隐藏，也就是截图中的<!-- 底部弹窗 -->）
标记3处：点击标记点时触发
WXSS代码示图：
js代码示图：
效果图：
