小程序地图多个 circles 使用demo
效果图：
代码：
var that;
const app = getApp()
const util = require("../../utils/util.js")
const data = require("../../utils/map.js")
Page({data: {pageShow: false,scale: 15,obj: {},longitude: 116.34665554470486,latitude: 39.9463560655382,in_val: '',showModalStatus: false,key: 'sadsad',markers: [],circles: []},onLoad(options) {data.map((item) => {this.setMapItemMarkers(item.longitude, item.latitude)})console.log('data', data)this.setData({latitude: data[0].latitude,longitude: data[0].longitude,})},// 设置起点终点坐标setMapItemMarkers(longitude, latitude) {var obj_item = {iconPath: "/img/seat.png",id: 0,longitude: longitude,latitude: latitude,width: 30,height: 30};var circles_aa = {latitude: latitude,longitude: longitude,color: '#FF0000DD',fillColor: '#7cb5ec88',radius: 160,strokeWidth: 1}var circles = this.data.circles || [];var markers = this.data.markers || [];markers.push(obj_item);circles.push(circles_aa);this.setData({markers, circles})},})wxml
<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}"bindcontroltap="controltap" markers="{{markers}}" circles="{{circles}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" show-location style="width: 100%; height: {{view.Height}}px;"></map>css
map{position: fixed;top: 0;bottom: 0;left: 0;width: 100%;right: 0;height: 100%;
}
page{height: 100%;
}相关文章：
编写文档_如何通过编写优质文档来使自己的未来快乐
编写文档by Gabriele Cimato加布里埃莱西马托(Gabriele Cimato) 如何通过编写优质文档来使自己的未来快乐 (How to make your future self happy by writing good docs) 或者，在清除旧代码库时如何减少痛苦 (Or how to be less miserable when dusting off an old …
（转载）人人都会OSGI--实例讲解OSGI开发
http://longdick.iteye.com/blog/457310转载于:https://www.cnblogs.com/eecs2016/articles/7422310.html
小程序json字符串转 json对象 { name :你好} 转成 { name :你好}
解决后端接口返回 var obj "{ name :"你好"}" 类似这样的数据，对象或者数组外面包了一层引号， 把这种数据转成 var obj { name :"你好"}； 直接上代码： // pages/test/test.js Page({jsonStrToJ…
每天写的叫工作日志，每周写的总结叫周报，每月写的叫月报
有些时候，老板会突发让您求每天都要写工作周报，什么项目什么任务，完成情况，完成花费的时间等，然后汇总部门周报；也不是写不出，只是不知道有时候重复做一个项目，到底每天有什么好写&a…
为什么分散刷新没有死时间_分散项目为何失败（以及如何处理）
为什么分散刷新没有死时间The most exciting thing about working in the decentralized economy is the fact that no one has any idea as to where it’ll all end up!在去中心decentralized economy工作最令人振奋的事情是，没有人知道最终的结果！ T…
.NET Core 常用加密和Hash工具NETCore.Encrypt
前言 在日常开发过程中，不可避免的涉及到数据加密解密（Hash）操作，所以就有想法开发通用工具，NETCore.Encrypt就诞生了。目前NETCore.Encrypt只支持.NET Core ,工具包含了AES,DES,RSA加密解密，MD5࿰…
url 通配符解析成参数
需求：url 参数是通配符，需要把通配符解析成参数并且拼接到 url 中 例如：https://xxx.cn/index.html$a1$b2; 解析成 https://xxx.cn/index.html?a1&b2; 时间关系，直接上代码，有时间再补上注释 下面是小程序页…
性能测试分享：系统架构
性能测试分享：系统架构 转载于:https://www.cnblogs.com/poptest/p/4904584.html
graphql是什么_为什么GraphQL是避免技术债务的关键
graphql是什么GraphQL (not to be confused with GraphDB or Open Graph or even an actual graph) is a remarkably creative solution to a relatively common problem: How do you enable front end developers to access backend data in exactly the way they need it?Gr…
JS如何判断json是否为空
1、判断json是否为空 jQuery.isEmptyObject()； 2、遍历json function getHsonLength(json{var jsonLength0;for (var i in json){jsonLength;}return jsonLength;}转载于:https://www.cnblogs.com/donaldworld/p/7423811.html
微软算法100题11 求二叉树中两节点之间的最大距离
第11 题求二叉树中节点的最大距离...如果我们把二叉树看成一个图，父子节点之间的连线看成是双向的，我们姑且定义"距离"为两节点之间边的个数。写一个程序，求一棵二叉树中相距最远的两个节点之间的距离 思路: 一棵树中节点的最大距…
小程序订阅消息 订阅消息开发
微信小程序交流QQ群： 173683895 173683866 526474645 。 群内打广告或者脏话一律飞机票 订阅消息 当用户勾选了订阅面板中的“总是保持以上选择，不再询问”时，模板消息会被添加到用户的小程序设置页，通过 wx.getSetting…
meetup_如何使用标准库和Node.js构建Meetup Slack机器人
meetupby Janeth Ledezma简妮丝莱德兹玛(Janeth Ledezma) 如何使用标准库和Node.js构建Meetup Slack机器人 (How to build a Meetup Slack bot with Standard Library and Node.js) In this guide, you will learn how to set up a Slack application that will display infor…
.NET使用OpenSSL生成的pem密钥文件[1024位]
using System; using System.Text; using System.Security.Cryptography; using System.Web; using System.IO;namespace Thinhunan.Cnblogs.Com.RSAUtility {public class PemConverter{/// <summary>/// 将pem格式公钥转换为RSAParameters/// </summary>/// <…
[2014百度之星资格赛]
第一个问题： Energy Conversion Problem Description魔法师百小度也有遇到难题的时候——如今。百小度正在一个古老的石门面前，石门上有一段古老的魔法文字，读懂这样的魔法文字须要耗费大量的能量和大量的脑力。过了许久。百小度最终读懂魔法…
视频录制，压缩实现源码
实现代码： <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><meta name"viewport" content"widthdevice-width, initial-scale1.0"><!-- <script src"./js…
alexa技能个数_如何在您的技能中使用Alexa演示语言
alexa技能个数by Garrett Vargas通过Garrett Vargas 如何在您的技能中使用Alexa演示语言 (How to use Alexa Presentation Language in your skill) Amazon recently released the Alexa Presentation Language (APL). APL provides a richer display for multimodal skills. …
HTML与XML总结
阅览《孙欣HTML》和《刘炜XML》过了一段时间，在这里学到的内容用思维导图来概括。HTML与XML都是标记语言。 同样点： HTML文档与XML文档有类似的结构。前者是（head和body）后者是（声明和主体），大致…
ant PageHeaderWrapper 返回上一页
PageHeaderWrapper 返回上一页实现代码： <PageHeaderWrappertitle{false}content{<a onClick{() > router.goBack()}><Icon type"left" />返回</a>}breadcrumb{{routes: [{ path: /, breadcrumbName: 首页 },{ path: /pay_orde…
ruby 新建对象_Ruby面向对象编程的简介
ruby 新建对象by Saul Costa由Saul Costa Object-oriented programming (OOP) is a programming paradigm organized around objects. At a high level, OOP is all about being able to structure code so that its functionality can be shared throughout the application.…
ASP.NET导出文件FileResult的使用
本文给大家讲一下ASP.NET MVC中如何使用FileResult来导出文件，首先网上相关例子有很多大神都有讲，我在这只是稍微说一点不同——为什么我的导出没有反应呢？ 这个问题，我找了半天也没有找到，最后是在一个网友的评论中体…
【AHOI 2016初中组】 自行车比赛 - 贪心
题目描述 小雪非常关注自行车比赛，尤其是环滨湖自行车赛。一年一度的环滨湖自行车赛，需要选手们连续比赛数日，最终按照累计得分决出冠军。今年一共有 N 位参赛选手。每一天的比赛总会决出当日的排名，第一名的选手会获得 N 点得分&…
【Ant Design Pro 三】样式动态绑定 react样式绑定
第一步，创建样式文件，在页面目录下根据自己习惯创建一个less文件，用来写样式类 第二部，引用该文件 import styles from ./details.less; //details.less 代码： .menu {width: 95%; } .navigation-menu{width: 90%; …
react hooks使用_如何使用React和Hooks检测外部点击
react hooks使用by Andrei Cacio通过安德烈卡西奥(Andrei Cacio) 如何使用React和Hooks检测外部点击 (How to detect an outside click with React and Hooks) “外部点击”是什么意思？ (What does “Outside Click” mean?) You can think of it as the “anti-b…
正则表达式（1）
正则表达式的概念 正则表达式是一个字符串，使用单个字符串来描述、用来定义匹配规则，匹配一系列符合某个句法规则的字符串。在开发中，正则表达式通常被用来检索、替换那些符合某个规则的文本。 正则表达式的匹配规则 字符类：[abc]…
Android 曲线动画animation，类似加入购物车动画
按照惯例先放效果图：图中小球做抛物线运动 资源图片 1.首先布局文件activity_main.xml，布局很简单，就一个测试按钮 1 <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"2 xmlns:tools"http:…
小程序音频播放报10001 解决方案 errCode:10001， errMsg:errCode:602,err:error,not found param
音频播放有两种方式： 第一种： innerAudioContext.src audioSrc;innerAudioContext.play(); 第二种： innerAudioContext.autoplay true;innerAudioContext.src audioSrc; 之前使用第一种，华为手机不能正常播放，…
在线学位课程_您在四年制计算机科学学位课程中学到的知识
在线学位课程by Colin Smith通过科林史密斯 您在四年制计算机科学学位课程中学到的知识 (What you learn in a 4 year Computer Science degree) I recently wrote an article on whether you need a computer science degree to get a job in tech. I thought that going ove…
Swift学习笔记-协议(Protocols)
1.0 翻译：geek5nan 校对：dabing1022 2.0 翻译：futantan 校对：小铁匠Linus 定稿：shanksyang 本页包含内容： 协议的语法（Protocol Syntax）对属性的规定（Property Requireme…
JavaScript简单重写构造器的原型
1 //简单重写原型对象：2 3 //一个构造函数Person4 function Person(){5 6 }7 //重写Person的原型8 //把Person的原型赋值给一个新的对象 是我们重写的过程9 Person.prototype{ 10 // 对于构造器 如果我们不给他写，则构造器就是Object的构造器了 …