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

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

代码如下：

<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>

 

发表于 2021-07-12 01:23  百里屠苏phper  阅读(383)  评论(0)  编辑  收藏  举报