小程序地图切换地图卫星地图继承上次代码

加上展示切换瓦片按钮，单个按钮即可实现功能

添加按钮

 <view class="cover-view"><van-button plain hairline type="info" class="button" bind:click="setSatellite" data-type="true">{{satellite?'卫星地图':'矢量地图'}}</van-button><!-- <van-icon name="setting" class="icon" bind:click="showPopup" /> --><view class="icon" bindtap="showPopup"><image src="../../icon/shezhi.png"  style="height: 50rpx; width: 50rpx;vertical-align:middle" alt="" srcset=""  /></view></view>

绑定事件修改

修改的是地图的enable-satellite 属性绑定的值下面标星代码段是属性
这样就能实现地图的瓦片切换了。

<map class="map" id="map" longitude="{{longitude}}"latitude="{{latitude}}" scale="3" show-location="true" markers="{{markers}}"
***enable-satellite***="{{satellite}}"
circles="{{circles}}" bindmarkertap="makertap"></map>setSatellite(type){var that = this;console.log(type)that.setData({satellite: !that.data.satellite})},

小程序地图切换地图卫星地图继承上次代码相关推荐

微信小程序手把手接入腾讯地图
正经学徒,佛系记录,不搞事情一.理解腾讯地图于小程序的作用要想在小程序上使用腾讯地图,就要先去理解腾讯地图是在做什么 map 地图.该组件是原生组件,使用时请注意相关限制. 个性化地图能力可在小程 ...
微信小程序官方组件展示之地图map源码
以下将展示微信小程序之地图map源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档. 功能描述: 地图(v2.7.0 起支持同层渲染). 小程序解决方 ...
微信小程序开发：腾讯地图集成详细步骤
前言在腾讯生态开发过程中,包括在微信小程序开发的时候,避免不了使用腾讯送的腾讯大礼包,从微信支付到腾讯地图,一条龙的腾讯大礼包,不得不说鹅厂的实力是无可比拟的.但是话又说回来了,鹅厂的官方 API ...
微信小程序开发：腾讯地图集成步骤（旧题新说）
在腾讯生态开发过程中,包括在微信小程序开发的时候,避免不了使用腾讯送的腾讯大礼包,从微信支付到腾讯地图,一条龙的腾讯大礼包,不得不说鹅厂的实力是无可比拟的. 但是话又说回来了,鹅厂的官方API真是不敢 ...
腾讯小程序php,微信小程序实现使用腾讯地图SDK步骤详细介绍
这篇文章微信小程序实现使用腾讯地图SDK步骤详细介绍的相关资料,需要的朋友可以参考下微信小程序使用腾讯地图SDK详解及实现步骤近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来 ...
微信小程序使用腾讯位置服务地图选点实现地址的选取|微信小程序腾讯位置服务地图选点请求来源未被授权
效果图首先要在微信开放平台的小程序里添加插件具体配置,可以参考官方文档腾讯位置服务地图选点 | 小程序插件 | 微信公众平台 (qq.com) 同时还要申请接口的权限,不然小程序上线的时候不能 ...
谷歌地图高清卫星地图、电子地图和地形图有什么区别？
谷歌的在线地图包括卫星地图.电子地图.和地表地形图三种,打开谷歌在线地图的网址后,可以通过右上角的的图片来切换三种地图. 一.如何切换在线地图当前显示电子地图时,移动鼠标到地图视图的右上角小图片上面 ...
谷歌地图高清卫星地图下载器 13.20.160
谷歌地图高清卫星地图下载器是阿凯日软件工作室推出的一款基于谷歌服务器的多线程卫星地图浏览下载软件.该软件可以高速下载您所指定的任意经纬度范围的卫星地图,并可将所下载的卫星地图进行无缝拼接,使您可以充分 ...
谷歌地图高清卫星地图下载免费
地图下载器免费授权使用说明工具:地图下载器首先需要获取地图下载器免费授权: 其次,按[如何下载谷歌地图高清卫星地图]的步骤进行下载: 如何获取授权? 第一步,从网站上点击免费授权QQ群,加入免费授 ...
navtab触底小程序_微信小程序TAB切换效果
微信小程序tab切换效果话不多说,先上效果图主要是让在一个WXML上面显示2个页面,用来分页展示东西. 直接上代码了: 首先是wxml {{item}} A页 B页然后是wxcss样式代码 .t ...

小程序地图切换地图卫星地图继承上次代码

加上展示切换瓦片按钮，单个按钮即可实现功能

绑定事件修改

小程序地图切换地图卫星地图继承上次代码相关推荐

最新文章

热门文章

小程序地图切换地图卫星地图 继承上次代码

加上展示切换瓦片 按钮，单个按钮即可实现功能

绑定事件修改

小程序地图切换地图卫星地图 继承上次代码相关推荐

最新文章

热门文章

小程序地图切换地图卫星地图继承上次代码

加上展示切换瓦片按钮，单个按钮即可实现功能

小程序地图切换地图卫星地图继承上次代码相关推荐