ICode9

精准搜索请尝试: 精确搜索
  • # vue openlayer 添加风场效果2022-04-24 14:33:34

    vue openlayer 添加风场效果 一个简单的小demo,就是在一个openlayers地图上面添加风场效果。 话不多说,直接进入正题。 首先我们需要安装一个插件。 插件地址:https://www.npmjs.com/package/ol-wind npm install ol-windy --save 然后我们需要一个数据来绘制风场,我在文件最后上传一

  • Html5+Css3随心笔记2022-04-12 21:34:52

    ul标签——无序列表  ol标签——有序列表  ol标签的排序类型有: 1 默认。十进制数字 (1, 2, 3, 4)。 a 字母顺序的有序列表,小写 (a, b, c, d)。 A 字母顺序的有序列表,大写 (A, B, C, D)。 i 罗马数字,小写 (i, ii, iii, iv)。 I 罗马数字,大写 (I, II, III, IV)。  

  • 用 getElementsByTagName() 来获取,父元素指定的子元素2022-04-09 14:01:02

    1. html 结构 <ul> <li>知否知否,应是等你好久11</li> <li>知否知否,应是等你好久11</li> <li>知否知否,应是等你好久11</li> <li>知否知否,应是等你好久11</li> </ul> <ol id="ol"> &l

  • vue 使用 openlayer 实现测距功能2022-04-07 16:32:59

    vue 使用 openlayer 实现测距功能 首先呢说明一下,我是跟着一个大佬学的,所以我是个小次佬,openlayer的官网上面给出了案例,但是习惯vue开发的我完全不理解,关键是连注释都没多少,而且我 openlayer 用的本来就不多。 然后这里分享一下官网的测距案例:https://openlayers.org/en/latest/ex

  • # openlayer 热力图显示2022-03-28 10:03:10

    openlayer 热力图显示 相关库类 import moment from 'moment' import Projection from 'ol/proj/Projection' import Static from 'ol/source/ImageStatic' import Map from 'ol/Map' import ImageLayer from 'ol/layer/Image&

  • OpenLayers入门练习2022-03-27 18:31:57

    一、实验内容 练习OpenLayers的引用形式; 简单地图加载; 控件加载。 二、实验步骤 2.1 ol引用 <!doctype html> <html lang="zh"> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en

  • Openlayers示例 | Advanced Mapbox Vector Tiles2022-03-20 11:38:10

    矢量瓦片地图,在后续缩放级别中重用相同的源瓦片,以节省移动设备上的带宽。 注意:当访问令牌过期时,映射将不可见。 Advanced Mapbox Vector Tiles <!DOCTYPE html> <html lang="zn"> <head> <meta charset="UTF-8"> <!-- 引入OpenLayers CSS样式 --> <link rel="st

  • com.alibaba.druid.poc ol.DatasourceclosedExcept on:datasource already closed2022-02-25 23:03:10

    只是记录一下,没有彻底解决这个问题。 出现这个问题的场景是这样的:使用Druid的DataSource然后通用自己定制的代码重新在Spring中注册了一下,然后访问数据库的DAO就出现了datasource already closed. 找到这样的一篇网文(https://blog.csdn.net/qq_36704549/article/details/122100675

  • html2022-02-21 23:01:23

    6. ul、ol、li 列表标签 6.1 介绍 ul :unordered list (无序列表)ol :ordered list  (有序列表))li :list item (列表项目),基于上面2个列表子项目。 代码示例:   <ul type=circle> <li>ul1</li> <li>ul2</li> <li>ul3</li> </ul> <ol type=1&g

  • OpenLayers - Layer简介 (五)2022-02-20 15:05:17

    Layer 是什么 图层就像是含有文字或图形等元素的图片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。Layer就是创建这一张张图的函数。 Layer是派生所有图层类型的基类。定义了诸多不同图层类型共用的特征和方法。 要使用Layer需要先从 source 接收到的数据,然后添加

  • Openlayers网站主要的功能介绍以及API简介2022-01-21 13:59:25

    Openlayer网址:https://openlayers.org/ 访问首页以后第一步可以看到openlayer的最新版本介绍: 点击这里可以直接下载最新版本 另外要注意的是,右上角有一个API按钮,这里是它的一个API文档: 点进去以后如下图所示,这里可以通过检索功能搜索到任何想要的API文档: 只要使用Openlayer

  • [转]OpenLayers基于Vue项目的搭建2022-01-20 13:33:48

    主要内容上次介绍了什么是OpenLayers以及其他的可以GIS工具,这次说说如何基于Vue搭建OpenLayers的项目,并且实现地图的加载。 一、vue项目搭建1.全局安装vue-cil   npm install --global vue-cli2.创建一个文件夹用于存放项目   3.进入项目文件夹,输入cmd回车,输入命令,创建一个基

  • openlayers学习一2022-01-15 13:32:00

    openlayers是开源webgis, 先去官网下载 OpenLayers - Get the Code 新建html,写入如下代码: <head> <script src = "../build/ol.js"></script> </head> <body> <div id="map" class="map"></div> <script>

  • JAVA---方法的重载2022-01-08 14:33:11

    重载的概念:在同一个类中,允许存在一个以上的同名方法,只要他们的参数个数或者参数类型不同即可。 package lll; public class Test { public static void main(String[] args) { OverLoad ol=new OverLoad(); ol.OL(2); ol.OL(2,3); ol.OL("hello"); } } class OverLoad{

  • WebGIS开发绘制地图标注2022-01-07 15:35:20

    目录 实现步骤 1. 引用开发库: 2. 创建地图容器: 3. 创建地图对象类: 4. 添加矢量图层: 5. 添加图片标注: 5.1 创建图片标注要素 5.2 设置图片标注要素样式 5.3 将图片标注添加到图层数据源中 6. 添加文字标注: 6.1 创建文字标注要素 6.2 设置文字标注样式 6.3 将文字标注添加

  • openlayers学习——4、openlayers弹出框popup弹出层Overlay2022-01-07 11:00:41

    openlayers弹出框popup弹出层Overlay 前言:基于Vue,学习openlayers,根据官网demo,记录常用功能写法。 本人不是专业GIS开发,只是记录,方便后续查找。 参考资料: openlayers官网:https://openlayers.org/ geojson下载网站:https://datav.aliyun.com/portal/school/atlas/area_sel

  • 定制化天地图-叠加静态图层-并让它动起来2022-01-02 20:00:10

    天地图提供了网络地图开发接口,同时有部分web开发的插件,但是本文遇到的场景并不考虑使用天地图本身的插件,而是使用openlayer6.x完成需求。 需求 加载天地图影像图层加载天地图矢量图层在图层上叠加静态图片,以增强展示效果希望图片能动起来-旋转以实现雷达图的效果 技术选型 html5

  • WebGIS入门--如何做一个简单的校园地图服务网站2021-12-28 20:30:34

    目录 OpenLayer库的配置在HTML中调用在JavaScript文件中调用 OpenLayer基础操作显示地图(天地图API)百度地图API与天地图API坐标系转换之百度地图坐标系转换之天地图 视图转换 Geoserver的使用中遇到的问题跨域问题调用Geoserver的服务 Cesium的配置和基础操作Cesium的配置

  • 树桩菜单domo2021-12-27 16:05:48

     domo类型  原码 重点  :        $('ul>li').click(function () {             $(this).toggleClass('active')               // 1   点击切换样式                 .find('ol')                                       

  • reset.css重置各个标签属性2021-12-27 10:04:32

    reset.css重置各个标签属性 body,p,ul,ol,dl,dt,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin: 0; padding: 0; } ul,ol{ list-style: none; } input{ border: none; outline: none; } a{ text-decoration: none; }   在html代码的header里面加这下面代码: <link rel="styleshee

  • web -APIS(dom和BOM)2021-12-22 21:36:34

    前言:js的基础就是为了浏览器web端服务,所以有必要知道一下web端的api也就是接口,结合那个web-API的ppt来看。 dom :文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。 W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接

  • Openlayers笔记之图片偏移的完整解决方案2021-12-19 16:02:35

    本文介绍 Openlayers 如何实现图片偏移标注的功能,同时提供在图片缩放比例变化时纠正偏移的解决方法。 1.创建矢量图层 // 创建矢量源 window.vectorSource = new window.ol.source.Vector({ features: [] }) // 创建并添加矢量标注图层 window.olMap.addLayer(new window

  • uni-app控件学习总结2021-12-16 18:04:29

    控件: 1、navigator页面跳转 //关闭当前页面,返回上一页面或多级页面 <navigator open-type="navigateBack"> </navigator> 2、将 data 存储在本地缓存中指定的 key 中,从本地缓存中异步获取指定 key 对应的内容 //data存储本地缓存key uni.setStorageSync(KEY,DATA) 例: uni.

  • html--基础知识(列表排序ul,ol,dl)2021-12-16 12:31:07

    <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> ul 无序列表 属性type:circle实心圆 dist空心圆 square实心方块 ol 有序列表 属性type :A,1 …… dl 定义列表 无属性 标题 内容 <ul type=&q

  • 前端开发_HTML5_标签部分(三)2021-12-12 23:35:08

    一、列表标签(ul-li/ol-li/dl-dt-dd)       1.无序列表:ul-li       (1)、该标签的作用:无序列表的作用是使得每一个项没有顺序之分进行排列,而在每个项目文字之前,使用符号作为对应的分项标记。       (2)、标签语法以及相关的属性 标签语法以及相关的属性 <ul type="

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有