- 博客(25)
- 收藏
- 关注
原创 vue+openlayers 实现台风效果 ***
实现台风效果 <img id="tfImg" src="../../public/editor-0.8s-47px.gif" /> <!-- 台风hover信息 --> <div id="tfHoverInfo"> <!-- {{tf2HoverInfo}} --> <div>强度:{{ tf2HoverInfo.vti }}</div> <div>东经:{{ tf2H.
2022-04-29 14:09:05
3356
2
原创 vue+openlayers 实现hover效果弹框 或者 点击事件弹框
vue+openlayers 实现hover(pointermove )效果弹框 或者 点击(click)事件弹框、首先先写个盒子<div id="featureTiPing" v-drag></div>布局样式/* 新弹框*/ #featureTiPing { position: absolute; top: 10px; left: 50px; width: 287px; background-color: #000000; border-ra
2022-04-21 15:59:34
4959
2
原创 openlayers 实现聚合点 img图片型
openlayers+vue 实现聚合点 img图片型首先是在data中去引入静态图片//图片引入imgUrl: require("@/assets/77.png"),然后在methods中写个函数 groundgreendot(mapListdataS){ //创建画板 let sourceArr = new SourceVec({}); for (var i = 0; i <= mapListdataS.length - 1; i++) {
2022-04-14 13:19:04
531
原创 openlayers+vue实现在地图上删除text文本
openlayers+vue实现在地图上删除text文本标注//根据图层名称移出图层 removeLayerByName(layerName) { let layerArr = this.map.getLayers().array_; for (let i = 0; i < layerArr.length; i++) { let ln = layerArr[i].values_.name; if (ln == layerName) {
2022-04-13 13:44:35
1035
原创 openlayers +vue 实现聚合点text文字显示和base64图片显示
openlayers +vue 实现聚合点text文字显示和base64图片显示在业务中广泛是运用 所以在这里记录下mapListdataS是接口中传过来的值addMarker(mapListdataS) { //创建画板 let sourceArr = new SourceVec({}); for (var i = 0; i <= mapListdataS.length - 1; i++) { //点的坐标信息 // let
2022-04-12 13:19:16
2787
原创 vue+echarts实现线流
vue+echarts实现线流在项目中遇到这个问题特此记录下<template> <!-- 高空风分析 --> <div v-loading="loading"> <div class="topFont">高空风分析</div> <div v-if="status === '0'" class="ps"></div> <div class="tabChange">
2022-04-01 16:27:04
415
原创 openlayers 实现右键弹框效果
因为业务需要,这个需求需要的地方太多再次记录一下 使用openlayers +vue**首先先实现布局需要有map地图的容器 **这个可以多搜索下openlyers有这实现在线地图的方法 <div id="popuper" class="ol-popup" v-show="rightContentShowFlag"> <div id="popup-content" class="popup-content"> <ul>
2022-03-30 16:29:37
1848
4
原创 vue常见面试题
vue常见的面试问题1.Vue的响应式系统Vue为MVVM框架,当数据模型data变化时,页面视图会得到响应更新,其原理对data的getter/setter方法进行拦截(Object.defineProperty或者Proxy),利用发布订阅的设计模式,在getter方法中进行订阅,在setter方法中发布通知,让所有订阅者完成响应。在响应式系统中,Vue会为数据模型data的每一个属性新建一个订阅中心作为发布者,而监听器watch、计算属性computed、...
2021-01-07 16:07:25
146
1
原创 JS作用域链初学者
JS作用域链当代码在一个环境中执行时,会创建变量对象的一个作用域链,作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。活动对象在最开始时只包含一个变量,即arguments对象。作用域链中的下一个变量对象来自包含环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。1,外部对内部可见var sco...
2020-02-13 16:26:39
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人