微信小程序地图组件

女爷i 2021-07-25 01:34 723阅读 0赞

index.wxml

<map id="map" markers="{
       {markers}}" longitude="{
       {longitude}}" latitude="{
       {latitude}}" scale="25"  circles="{
       {circles}}" show-location="{
       {true}}" bindmarkertap="marker"></map>

index.js

Page({
      data: {
        latitude:30.,
        longitude:114.,
        circles:[{
          latitude: 30.,
          longitude: 114.,
          fillColor:"#8DE25055",
          radius:30
        }],
        markers: [{
          iconPath: "/images/icon/map.png",
          latitude: 30.,
          longitude: 114.,
          width: 30,
          height: 30,
          title:"",
          id:0,
          label:{
            content:"",
            color:"#EE5E7B",
            borderWidth:1,
            borderColor:"#EE5E78",
            borderRadius:5,
            padding:5,
          },
          callout:{
            content:"",
            color:"#EE5E7B",
            borderWidth:1,
            borderColor:"#EE5E78",
            borderRadius:5,
            padding:5,
          }
        }],
      },
      marker(){
        
      }
    })

###  ###

若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。

###  ###

## 请点赞！因为你们的赞同/鼓励是我写作的最大动力！ ##

### 欢迎关注[达叔小生][Link 1]的简书！ ###

**这是一个有质量，有态度的博客**

![博客][20190823073635479.jpeg]

[Link 1]: https://www.jianshu.com/u/c785ece603d1
[20190823073635479.jpeg]: https://img-blog.csdnimg.cn/20190823073635479.jpeg

发表评论取消回复

表情：

评论列表（有 0 条评论，723人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序地图

地图组件：完成两大功能：A .显示地理位置；B .标记建筑物。 1、完成最简单的地图显示：为通过CSS设置一个宽度和高度。 2、如何显示指定位置的地图：

迈不过友情╰/ 2023年07月19日 10:45/ 0 赞/ 47 阅读

相关微信小程序地图组件无限闪烁导致小程序崩溃

在做一个通过腾讯地图api查询关键词搜索附近标记的小程序时遇到了这个问题 ![map监听事件][map] 在这个事件触发时，会一直重复触发，你不动时地图他还是一直在触发

红太狼/ 2023年06月19日 11:06/ 0 赞/ 49 阅读

相关微信小程序开发实战（18）：地图组件

在小程序中可以使用<map>标签嵌入地图，那么可能很多同学会问，<map>嵌入的是哪家的地图呢？这还用问，自然是腾讯的地图了，而且不能换成其他的地图（百度、高德等）。我们先

布满荆棘的人生/ 2023年03月06日 08:08/ 0 赞/ 33 阅读

相关微信小程序地图功能

一，显示地图 <map id="map" longitude="{ {longitude}}" latitude="{ {latitude

Dear 丶/ 2022年12月20日 02:55/ 0 赞/ 255 阅读

相关 37.微信小程序（组件--地图+画布）

微信小程序（组件–地图+画布）本节主要介绍下地图组件map及画布组件canvas。因为组件属性过多，很多方法尚未完善，所以主要讲解下常用属性及方法，后期开发如遇

水深无声/ 2022年11月25日 00:35/ 0 赞/ 309 阅读

相关微信小程序中Map地图组件的使用

常用功能一：绘制地图标记点一个或多个 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

我就是我/ 2022年02月04日 04:19/ 0 赞/ 1026 阅读

相关微信小程序 - 组件

> 微信小程序为开发者提供了一系列基础组件，使开发者可以进行快速开发。同时还支持自定义组件，提升代码复用性，有助于代码维护。一、基础组件 > 基础组件主要分为：视图容

深碍√TFBOYSˉ_/ 2021年12月05日 17:47/ 0 赞/ 631 阅读

相关微信小程序-组件

1.轮播图 <swiper indicator-dots="{ {indicatorDots}}" indicator-color="{

客官°小女子只卖身不卖艺/ 2021年11月30日 00:56/ 0 赞/ 588 阅读

相关微信小程序地图组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 地图（v2.7.0 起支持[同层渲染][Link 1]，相关api [wx.createMapC

﹏ヽ暗。殇╰゛Y/ 2021年09月08日 07:14/ 0 赞/ 1062 阅读

相关微信小程序地图组件

index.wxml <map id="map" markers="{ {markers}}" longitude="{ {longitu

女爷i/ 2021年07月25日 01:34/ 0 赞/ 724 阅读