美文网首页
微信小程序地图标记点

微信小程序地图标记点

作者: 肉肉要次肉 | 来源:发表于2019-01-23 16:37 被阅读40次

    项目中想要实现的效果是点击地图上的搜索框,输入想要搜索的公司名称,点击列表传给地图页,公司的经纬度以及相应的其他信息。在地图上显示该点及信息。

    wxml代码示图:

    先简单说一下:

    标记1处:markers,就是今天的重点。有了它才能实现在地图的标记点

    标记2处:将地图展示的高度设为了动态,根据是否显示标记点的公司名称来判断(这里标记点公司名称作为地图底部的弹窗来显示或隐藏,也就是截图中的<!-- 底部弹窗 -->)

    标记3处:点击标记点时触发

    WXSS代码示图:

    js代码示图:

    效果图:

    相关文章

      网友评论

          本文标题:微信小程序地图标记点

          本文链接:https://www.haomeiwen.com/subject/vbfsjqtx.html