OpenLayers地图api

vue 使用openlayers导出渲染的地图

下载地图官方示例：http://openlayers.org/en/latest/examples/export-map.htmlhttp://openlayers.org/en/latest/examples
ღ张明宇࿐·2023-10-28 12:46

vue+openlayers5学习总结（七）vue封装的一些功能

目录1.封装测量及拖拽geojson功能1.封装测量及拖拽geojson功能vue中使用方法self.source=newVectorSource({wrapX:true});//varmeasurevector=measure.vector(self.source);vardragAndDropInteraction=newDragAndDrop({formatConstructors:[GPX
张栓来·2023-10-27 22:06

开源WebGIS开发——openlayers核心组件之ol.Map

openlayers是一个按照面向对象原则设计的一个开发库，里面的一切都是对象。
YUANXLLL·2023-10-27 22:05

openlayers地图组件的封装

#Gmaps{width:100%;height:100%;}/***moveEvent地图的移动事件*clickEvent地图自定义点击事件*getMap挂载到实例的方法，获取地图实例*mapType平面图地址中文planeC卫星中文satelliteE默认平面图中文*///谷歌地图import"ol/ol.css";import{Map,View}from"ol";import{unByKey
Mingchen Shao·2023-10-27 22:58

基于Vue的Openlayers6自定义测量组件，直接拿来用

基于Vue的Openlayers6自定义测量组件，直接拿来用功能需求实现主要API源代码在做WebGIS项目开发时，往往都有一个测量的基础功能，这个功能虽然不算太难，但是往往确花费不少的时间去完成，以前都是基于
GIS小猪·2023-10-27 22:26

Openlayers---创建地图

写在前面公司基于以前项目做升级,以前我是用openlayer3写的,现在openlayers都升级到5了,不由得感叹学不动了.话虽说但是还的学,不学谁养我呀?
前端小孟·2023-10-27 22:24

基于openlayers扩展添加天地图背景组件

最近公司有个需求，直接在地图上可以切换天地图的地图和卫星图作为背景图，撇开ol自带的layerswitcher(天地图的标注和底图是分开的,因此算两个layer,切换不方便)，自己扩展了一个mapswitcher，将天地图的卫星图和地图做了封装，先来个封装好的效果图:卫星图：地图：注意在地图右上角的位置多了一个单选框,可以选择“卫星图”或者“地图”。OK，画不多说，先看一下天地图对外的的地图服务：
jjxliu306·2023-10-27 22:22

vue 封装openlayers的Map组件

/utils/openlayers/css/OverviewMap.css';importMapfrom'ol/Map.js';importViewfrom'ol/View.js';importTileLayerfrom'ol
gis_SSS·2023-10-27 22:21

openlayers 地图组件封装

openlayers地图组件封装{{popup.content}}GIS服务测距离测面积清空打印地图矢量底图卫星底图注记层行政区划{{isFullScreen?"
天天向上1024·2023-10-27 22:46

前端访问geoserver服务发生跨域的解决办法，以及利用html2canvas下载绘制的地图

我的业务场景：需要利用html2canvas下载Openlayers绘制的地图。预期：可以下载成图片甚至其他格式（svg）文件。结果：下载下来是个空白图片。
ღ张明宇࿐·2023-10-27 15:25

qt mysql md5加密,1.关于QT中json数据处理和密码md5加密

DOS命令DOS是DiskOperationSystem(磁盘操作系统)的简称,是个人计算机上的一类操作系统.它直接操纵管理硬盘的文件,一般都是黑底白色文字的界面.顾名思义,DOS主要是...SOSO街景地图
Demon学长·2023-10-27 05:25

uniapp：谷歌地图，实现地图展示，搜索功能，H5导航

1、申请谷歌key以下是申请谷歌地图API密钥的流程教程：登录谷歌开发者控制台：打开浏览器，访问GoogleCloudPlatformConsole。
sunly_·2023-10-26 14:53

调用百度地图API获取经纬度(详细步骤)

前端调用百度地图API获取经纬度(详细操作)1.浏览器搜索百度地图开放平台2.创建应用点击控制台-->应用管理-->我的应用-->注册账号(如果没有注册过)-->创建应用填写应用名称-->应用类型选择浏览器端
峨M峰·2023-10-26 09:57

使用openlayers加载离线瓦片地图

一、需求背景我们现在的项目就说使用openlayer+geoServer自己发布的矢量地图，是和公安合作的项目，由于政府大都使用的是天地图，所以需要将geoServer的矢量地图改为天地图，搭配openlayers
老电影故事·2023-10-26 08:32

OpenLayers入门，快速搭建vue+OpenLayers地图脚手架项目

专栏目录：OpenLayers入门教程汇总目录前言本章针对Vue初学者，对Vue不熟悉，甚至还不会Vue的入门学生读者。
汤姆猫不是猫·2023-10-25 23:46

openlayers+vue的bug

使用addInteraction添加交互draw绘制，预期removeInteraction删除交互draw绘制时不再绘制，但是删除绘制不起作用，各种找原因，结果把data中的map变量注释掉即可，原因未知。绘制取消import"ol/ol.css";importGeoJSONfrom'ol/format/GeoJSON'import{Map,View}from"ol";importTileLay
dragonzoebai·2023-10-25 14:46

WPF调用百度地图API

WPF调用百度地图APIWPF调用百度地图API创建HTML文件引入WebView2控件包xaml文件的设计后台代码自定义交互类初始化并在WebView控件中添加本地HTML文件C#后台调用HTML中的
private void 廿四·2023-10-25 06:57

【vue2高德地图api】高德地图forEach批量添加marker点标记，点击获取item对象『全网最详细』【翻遍csdn总结】

系列文章目录提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、展示地图二、getList获取列表数据三、写入marker标记在页面中1、marker的官方文档2、setMarks方法3点击事件4学习心得总结前言不是之前的手机端项目系列，但是可以参考，以后肯定用得到！我的需求getList获取数据，然后把经纬度，写入到页面中，点击marker标记可以获得该项
阿民不加班·2023-10-24 23:40

百度地图api中marker滑入滑出事件解决

我在项目中引入百度地图的卫星地图时，给marker绑定滑入滑出的监听事件动态打开和关闭信息窗口时，没办法流畅的打开和关闭窗口，离谱的是打开f12他就能流畅的实现这个效果。经过反复的测试，发现是因为你滑入这个标注时，几乎同时执行了一遍滑入滑出事件，我就想能不能给它加个setTimeout或者nextTick试试看运气，结果都失败了。过滤也过滤不掉，晚上回家都还在想这个问题怎么解决，最终也没个好的解决
90后中软中年人·2023-10-24 01:53

Arcgis for flex 调用百度地图与Google地图

链接：http://www.gisall.com/html/72/124272-6284.html百度地图APIhttp://dev.baidu.com/wiki/static/index.htm这调用百度地图和
ttbat·2023-10-23 12:47

百度地图API：JavaScript开源库几何运算判断点是否在多边形内（电子围栏）

百度地图JavaScript开源库，是一套基于百度地图API二次开发的开源的代码库。
漏刻有时·2023-10-23 08:48

QtWebkits如何向QtWebEngine过渡

1、上位机介绍最近有个接了一个毕业设计的项目，内容很简单，就是解析北斗GPS的串口数据然后输出经纬度，但接过来觉得太简单，就发挥了主观能动性，增加了百度地图API，不但能实时定位，还能在地图上标识出位置信息
DevinLai·2023-10-22 18:33

OpenLayers5实现点击地图查询要素信息

WebGIS开发中，点击查询是最常用的一种查询方式。本文从开源框架的角度，从前台到服务端到数据库等多个角度，多种方式实现点击查询。1、map的click事件该方法，通过鼠标在地图上点击的坐标，与当前矢量图层做相交分析查询，得到查询的要素及其所属的Layer对象import'ol/ol.css';importMapfrom'ol/Map';importViewfrom'ol/View';import
WebGiser·2023-10-22 01:46

百度地图api使用总结

1.首先进入百度地图开放平台2.找到开发选项，选择合适的平台，我选的Web开发——JavaScriptAPI3.根据说明，需要先申请秘钥才可以使用开发流程：1.首先获取服务，获取秘钥后，在HTML中引入，如下：将秘钥yourAppKey替换成你自己的即可2.定义一个容器，地图会在定义的容器中显示，这个容器要有确定的宽高,如果是移动端还需要加上meta标签3.命名空间API使用BMap作为命名空间，
char1·2023-10-21 18:29

百度地图API支持https

文档链接百度地图api配置1.如果使用JavaScriptAPI，需要加一个特殊字段(s=1)：https://api.map.baidu.co
LynnLiu_·2023-10-21 15:48

openlayers 案例详细代码

地图层级:{{zoom.toString().substring(0,zoom.toString())}}importMapfrom'ol/Map'importleftListfrom'@/views/list/index'importHeaderfrom'@/views/index/Header'importPlaceInfofrom'@/views/component/info/PlaceIn
CV工程师!!·2023-10-21 15:29

使用geoserver发布tif栅格地图并使用openlayers加载

文章目录geoserver安装部署使用QGIS配准工具将图片转化为栅格地图通过geoserver地图服务发布tif地图新建工作区添加数据存储新建栅格数据源发布图层编辑图层预览图层使用openlayers
冰羽幻灵·2023-10-20 13:48

Vue+Openlayers 访问geoserver坐标系转换

Openlayers帮我们定义的投影坐标系projection只有EPSG:4326、EPSG:3857这两种参数,加入要引用其他的参数，则会报错。
小zhi学习·2023-10-20 10:48

Vue+Openlayers 坐标转换

前篇提到openlayers帮我们提供的投影坐标系projection参数只有两个EPSG:4326、EPSG:3857。
小zhi学习·2023-10-20 10:18

百度地图API覆盖物图层设置问题z-index

百度地图开发往往遇到自定义覆盖物重叠问题，通过修改不同覆盖物的父级div容器的z-index属性，将图层整体上移或下移。上图为效果图，将地图中的自定义坐标点图层整体z-index设置为450，使其置于红点所在图层500下。代码段varmap=newBMap.Map("container");//创建地图...console.log(map.getPanes());map.getPanes().ma
一个小白的自我修养·2023-10-20 06:36

js添加多marker 高德地图_覆盖物-参考手册-地图 JS API | 高德地图API

覆盖物覆盖物是指叠加在地图底图之上的一些常见要素，包括Marker类点标记。构造函数说明AMap.Marker(构造一个点标记对象，通过MarkerOptions设置点标记对象的属性MarkerOptions类型说明map要显示该marker的地图对象position点标记在地图上显示的位置，默认为地图中心点anchorString设置点标记锚点。默认值：'top-left'可选值：'top-le
hpsprger·2023-10-20 06:33

百度地图仅显示一个省并有多个标注点，自定义标注点

height:100%;margin:0px;padding:0px;}#container{height:100%;}//提示：下面的代码用jquery，所以如果有不能运行的情况请引用后尝试//百度地图
nannanWEB·2023-10-20 06:28

百度地图高级进阶开发：圆形区域周边搜索地图监听事件(覆盖物重叠显示层级\图像标注监听事件、setZIndex和setTop方法)

百度地图API使用百度地图API添加多覆盖物渲染时，会出现覆盖物被相互覆盖而导致都无法触发它们自己的监听；在百度地图API里，map的z-index为0，但是触发任意覆盖物的监听如click时也必定会触发
漏刻有时·2023-10-20 06:52

openlayers6加载各种地图服务

MapService.js代码/*各种地图服务的公共接口*/importTileLayerfrom'ol/layer/Tile';importXYZfrom'ol/source/XYZ';importWMTSfrom'ol/source/WMTS';importTileWMSfrom'ol/source/TileWMS';importTileImagefrom"ol/source/TileImag
WebGiser·2023-10-20 01:32

使用原生js+百度地图api实现获取当前地理位置

在百度地图获取到自己的百度地图ak，填到ak的位置Title您目前在//定义一个空的位置构造函数functionLocation(){};//定义一个可以获得经纬度的方法Location.prototype.getLocation=function(callback){varoptions={enableHighAccuracy:true,maximumAge:1000};this.callbac
米奇妙妙wuu·2023-10-19 23:58

百度地图api基本用法

首先，如果想调用百度地图api，你需要获取一个百度地图api的密钥。申请密钥很简单，在百度地图api的首页就有相关链接，填写相关信息百度就会给你一个密钥了。
weixin_30483495·2023-10-19 23:55

百度地图之控件使用

前言本文是继上一篇百度地图API之环境搭建之后介绍如何在百度地图上使用一些控件。百度地图API控件介绍Control控件的抽象基类，所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。
你的地盘我做主·2023-10-19 23:55

【百度地图API】之定位篇

在拿到这个需求的时候我起初想到的是手机自带的GPS的调用，但是这样以来就必须有iOS和Android的同学的支持，或者说我们对于我的这个需求是不可行的（因为是内嵌到钉钉里的一个H5页面）。这是我又想到了[H5的定位](http://www.w3school.com.cn/html5/html_5_geolocation.asp)，但是在使用实现的过程中不是定位不成功就是浏览器根本就不兼容（当然如果
前端大虾·2023-10-19 23:53

好记性不如破键盘之百度地图API

1:异步加载functioninitialize(){varmap=newBMap.Map('map');map.centerAndZoom(newBMap.Point(120,411,21.200),18);}functionloadScript(){varscript=document.createElement("script");script.src="http://api.map.bai
shi-Yjanuary·2023-10-19 23:53

百度地图定位BMap.GeolocationControl的用法

BMap.GeolocationControl是百度地图API中的一个类，用于添加地理定位控件到地图上，以便用户可以通过该控件获取自己的当前位置。
漏刻有时·2023-10-19 23:52

在 vue3 中使用 openlayers 制作旅行地图

由于上半年经常跑出去玩，突然想做一个旅行地图的博客，想起之前接触过openlayers的项目，也懒得去调查别的库了，直接用openlayers开干。
shellingford-ly·2023-10-19 10:28

vue js获取当地城市以及天气状况

引入高德地图API在html文件中引入methods中定义方法//获取当地城市及天气asyncgetTianQi(){varthat=thisAMap.plugin("AMap.CitySearch",
LBY_XK·2023-10-19 03:41

第三周C++与PCL的学习（3.13-3.19）

目录第一天3.13星期一Qt安装于简单应用第二天3.14星期二ui闪退的解决、PCL的pri文件配置第三天3.15星期三百度地图api的调用以及在Qt中的配置第四天3.16星期四PCM软件的学习第五天3.17
RPCR·2023-10-18 06:23

【vue2高德地图api】02-npm引入插件，在页面中展示效果

系列文章目录提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、安装高德地图二、在main.js中配置需要配置2个key值以及1个密钥三、在页面中使用3.1新建路由3.2新建vue页面3.2-1index.vue3.2-2main.vue主页面显示3.3页面效果3.4使用手机查看定位3.5必须==允许==获取位置授权总结关于插件关于定位常用定位方法前言如果没
阿民不加班·2023-10-18 05:08

【vue2高德地图api】03-完善展示页，并且调用poi搜索接口

系列文章目录文章目录系列文章目录前言一、编写页面内容+样式1.1html内容1.2css内容解决报错二、完善api接口+变量+方法1.data变量2.methods3.computed4.api接口方法三、配置api接口方法创建map.jsgetParkList方法移动端控制台插件四、编写components组件在main.js中引入全局组件在main.js中挂载计算距离js方法总结前言实现样式效
阿民不加班·2023-10-18 05:31

【vue2高德地图api】视频效果（手机端）先看这里

系列文章目录开了个新坑，高德地图api，翻烂了文档，终于算是入门了。
阿民不加班·2023-10-17 19:28

【vue2高德地图api】01-创建应用，获取key值

系列文章目录【vue2高德地图api】视频效果（手机端）先看这里文章目录系列文章目录前言创建key（2个）1.1进入控制台1.2进入应用1.3创建应用1.4输入名称和类型2.1添加key2.2选择对应信息
阿民不加班·2023-10-17 19:53

OpenLayers6（3）：Vue导出图片时报错“Uncaught DOMException: Failed to execute ‘toDataURL on ‘HTMLCanvasElement”

1.版本OpenLayers：6.4.32.导出时候遇到报错3.原因分析原因：openlayers中加载的图层中存在不允许跨域的图层；解决：找到相应的图层，添加crossOrigin:'anonymous
碰碰qaq·2023-10-17 11:11

vue3使用高德地图api，海量点，多边形围栏，热力图，轨迹线（一）

首先在项目中引入高德地图，这个就不详细教了，官方文档都有教程，这里讲如何在页面中使用各种api方法。一、初始化map对象首先在页面初始化时创建地图map对象，保存这个map对象，后面的所有api方法都要用到这个map对象。以下是初始化map对象代码示例，一些具体的参数并未详细展示，请勿完全复制。letmap;AMapLoader.load({key:MapConfigure.amapKey,ver
晚风914·2023-10-17 02:36

第一章：Vue3.0+Openlayers+Cesium创建二三维联动项目

Vue3.0+Openlayers+Cesium创建二三维联动项目简介Vue项目创建安装依赖框架结构地图加载显示效果结语简介大家好！
四维云测·2023-10-16 23:01
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他