首页 > 微信 > 详细

微信小程序 map组件 include-points 缩放视野以包含所有给定的坐标点

时间:2021-07-12 10:48:43      阅读:21      评论:0      收藏:0      [点我收藏+]

代码如下:

<template>
    <view>
        <view class="page-body">
            <view class="page-section page-section-gap">
                <map style="width: 99%; height: 99vh;" show-compass :latitude="latitude" :longitude="longitude" :markers="markers" :include-points="points" id="mymap">
                </map>
            </view>
        </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                id:0, // 使用 marker点击事件 需要填写id
                title: map,
                // latitude: 33.50306,
                // longitude: 116.39742,
                markers: [{
                    latitude: 33.50306,
                    longitude: 119.14108,
                    iconPath: ../../static/logo.png
                }, {
                    latitude: 33.600533333,
                    longitude: 119.04591338,
                    iconPath: ../../static/logo.png
                }]
            }
        },
        onReady: function(event) {
         this.mapCtx = wx.createMapContext(mymap);
          this.includePoints();
        },
        
        methods: { 
            includePoints() {
                var that = this;
                that.mapCtx.includePoints({
                  padding: [ 70,],
                  points: [{
                      latitude: 33.50306,
                      longitude: 119.14108,                      
                    },
                    {
                      latitude: 33.600533333,
                      longitude: 119.04591338,                      
                    }
                  ]
                })
              }
        },
    }
</script>

 

微信小程序 map组件 include-points 缩放视野以包含所有给定的坐标点

原文:https://www.cnblogs.com/blts/p/15000345.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!