笑的像条狗-CSDN博客

原创 ES9新属性 for await of，循环异步方法

ES9新属性 for await of一般我们写循环中带有异步的时候会导致循环结束了，但是异步才执行。看一个案例 function Gen(time) { return new Promise(function (resolve,reject) { setTimeout(function () { resolve(ti...

2020-01-07 19:42:23 912

原创 ES语法对对象进行处理keys，values，entries

ES语法对对象进行处理keys，values，entriesObject.values const obj ={foo:"bar", fow:42} console.log(Object.values(obj));//["bar",42] const obj2={100:'a',2:'b',7:'c'} console.log(Object.values(obj2))...

2020-01-06 20:02:29 284

原创 ES7新特性 include方法和find

ES7新特性 include方法ES6中的String.prototype.include var sentence = '今天有下雨吗？'; var word = '吗？'; alert(sentence.includes(word))//true 在es6中只能对字符串进行处理。到了ES7已经可以对数组进行处理ES7中的Array.protot...

2020-01-06 19:39:13 625

原创 vue中使用OpenLayers（五）：两层地图合并，地图上显示地址和区域描边

vue中使用OpenLayers（五）：两层地图合并html中需要用两个id接收jpg和png。png在jpg上面。地址和区域描边都在png上 <div id="themap" style="width: 100%;height: 100%;"></div> <div style="width: 100%;height: 100%;position: a...

2020-01-06 17:21:49 1717

原创 vue中使用OpenLayers（四）：事件和取值

vue中使用OpenLayers（四）：事件和取值（一）创建地图 initPointMap() { this.map = new Map({ target: "mainDiv", view: new View({ center: fromLonLat([119.60753817138888, 30.49043...

2019-11-26 19:57:58 2113

原创 vue中使用OpenLayers（三）：绘制文字叠加和相对位置的调整

vue中使用OpenLayers（三）：绘制文字叠加和相对位置的调整第一步引入需要js之前我已经引过了，现在就不引了，想知道了直接看上一章第二步 let rome; rome = new Feature({ data: item, lnglat: [item.lng, item.lat],//坐标 ...

2019-11-26 19:32:25 3241 1

原创 vue中使用OpenLayers（二）：绘制和删除点线圆

vue中使用OpenLayers（二）：绘制和删除点线圆第一步所有的引入都要引入完全 import "ol/ol.css"; import Map from "ol/Map"; import Feature from "ol/Feature"; import View from "ol/View"; import XYZ from "ol/source/XYZ";...

2019-11-20 20:27:05 4710

原创 vue中使用OpenLayers（一）：引入谷歌地图

vue中使用OpenLayers（一）：引入谷歌地图第一步npm install olpackage.json 中可以看到第二步html中，这里要设置一个id <div style="width: 100%;height: 100%;" id="mainDiv"></div>methods中 initPointMap() { this.m...

2019-11-20 19:44:22 2547 3

原创 vue使用高德地图点击下钻，上浮效果

这里给使用高德地图下钻提供一个思路先讲下我的思路，高德地图api有一个地图绘制区域，你只要提供区码，就可以绘制该区域。以浙江省为例，我一开给浙江省的区码就可以绘制出浙江省的区域，接下来我要进入杭州市，当我点击杭州市的时候我先清空地图上的覆盖层并且能获取到‘杭州市’这个字符串，通过对比这个字符串我就可以给出杭州市的区码，最后绘制出杭州市的覆盖层。接下来看代码：第一步绘制地图：//创建地图...

2019-10-10 17:48:15 1179

原创在vue中高德地图引入和轨迹的绘制

高德地图引入和轨迹的绘制1.第一步vue中使用cdn引入高德地图，并在main.js中进行全局配置。（百度上有高德地图引入与配置方法，这里就不详细介绍）；1） npm install vue-amap --save2）import VueAMap from ‘vue-amap’Vue.use(VueAMap);VueAMap.initAMapApiLoader({key: ‘***...

2019-10-09 14:46:00 2847 1

weixin_43960269的博客