OpenLayers地图api 第19页

百度地图API卫星图(借鉴)

一、百度地图API卫星图调用百度卫星图有两种方式，一是地图类型控件，一是地图底图设置。

duJing·2023-03-30 09:52

申请高德地图开发者key

第一步：登录高德地图，点击右上角的人头进行登录第二步：完善资料，包括开发者认证，邮箱认证，电话认证等，如实填写即可，由于认证比较简单，就不贴图了第三步：点击地图API，点击控制台，创建应用，应用信息根据自己的实际填写即可第四步

唐僧骑白马·2023-03-30 09:03

OpenLayers加载不同类类型的天地图(矢量图、影像图、地形图)并实现动态切换效果

前言OpenLayers开发库如何实现加载不同类类型的天地图(矢量图、影像图、地形图)并实现动态切换效果，如下图所示。

动立信息服务·2023-03-29 19:16

OpenLayers 6加载各种地图源的方法(天地图、百度、高德、ArcGIS、Bing、OSM、Google等)

前言OpenLayers是一个用于开发WebGIS客户端的JavaScript包。

动立信息服务·2023-03-29 19:45

07-示例

一、抓取百度分类文档：地点检索|百度地图APISDK1、获取分类header("Content-Type:text/html;charset=utf8");$url='http://lbsyun.baidu.com

七色的天空·2023-03-29 15:54

高德地图API获取当前位置对应的周边信息

一、前言当前公司开发计划做一个打卡功能，获取用户信息地理信息后，提供列表给客户选择打卡地点（200米范围内）。自己今天对三家地图开放者平台文档进行了查看比较（腾讯、百度、高德），目前实现的方法采用的是高德地图的openAPI。实现的逻辑方法是通过H5页面接入高德地图（key需要自己到官网申请），获取当前经纬度，将当前的经纬度传到高德提供的方法后，获取下拉列表。实现如下：二、实现步骤1.创建生成ke

冷月寒雪·2023-03-29 13:45

OpenLayers 引入gif 动态图片（gifler）辅助实现

2022-09-16-17-40-18.gif一、引入gifler.js在public/index.html里面引入(注意：npm引入的不是最新版，有些方法不能使用)二、引入地图importgifImagfrom'@/assets/img/map/1.gif'import'ol/ol.css'import{Map,View,Feature}from'ol'importPointfrom'ol/ge

冰落寞成·2023-03-29 03:42

openlayers源码学习

当深入下去的时候其实发现自己什么都不懂，要时刻提醒自己的无知平均地球半径exportconstDEFAULT_RADIUS=6371008.8;根据2个经纬度点获取距离角度转弧度/***Convertsdegreestoradians.**@param{number}angleInDegreesAngleindegrees.*@return{number}Angleinradians.*/expo

solfKwolf·2023-03-28 22:26

Cesium加载Geoserver发布的WMS、WMTS、TMS服务

1、Cesium加载Geoserver发布的WMS服务（1）登录Geoserver，点击LayerPreview按钮，在右侧某个图层点击OpenLayers按钮。

WebGiser·2023-03-28 17:24

OpenLayers +GeoJSON 绘制省边界

GeoJSON数据阿里云数据可视化平台使用GeoJson数据有两种方式1、在线引入（注意，http是不允许向https发送请求的，想使用的话，保证域名是https或者localhost）constsource=newVectorSource({url:'https://geo.datav.aliyun.com/areas_v3/bound/410000_full.json',format:newG

冰落寞成·2023-03-27 16:27

百度地图

body,html,#allmap{width:100%;height:100%;overflow:hidden;margin:0;font-family:"微软雅黑";}地图展示//百度地图API功能

yscmh·2023-03-27 04:57

geoserver控制服务访问权限-类似百度地图的key

最终想要的效果就是类似下图中百度地图那样，申请个key，可以设置这个key能访问哪些地图服务资源，可以设置应用服务器ip白名单然后把key放到地图API中，就能控制地图服务的访问权限。

GIS兵器库·2023-03-25 23:41

pc端使用高德地图api获取当前位置的经纬度

地图测试文件#container{width:300px;height:180px;}点我获取经纬度varmap=newAMap.Map('container');functiongetLocation(){returnnewPromise((resolve,reject)=>{AMap.plugin('AMap.Geolocation',function(){vargeolocation=new

小样还想跑·2023-03-25 15:44

基于openlayers6的基本地图操作--5. 测距测面

参考官网例子，修改封装成measure.jsimportDrawfrom'ol/interaction/Draw';import{unByKey}from'ol/Observable.js';importOverlayfrom'ol/Overlay';import{getArea,getLength}from'ol/sphere.js';import{LineString,Polygon}from

初见_JS·2023-03-24 03:43

利用高德地图获取地点经纬度，并提取两地驾车、步行、骑行的出行时间、出行距离、费用等参数

需要获取高德地图的数据，可以先查看官方的手册：https://lbs.amap.com/api/webservice/summary一、获取key搜索高德地图API，进入官网，在我的应用管理处添加web

大橘九九·2023-03-23 22:26

通过经纬度算距离_办公自动化90批量查询两点驾驶距离和时长

如果自己做的话可以试试百度地图API或者有两个网站可批量查询【https://maplocation.sjfkai.com/】or【待补充】)3、工具：python、百度API4、素材：①像这样格式的excel②

M大王·2023-03-23 22:48

使用腾讯地图api批量处理本身位置到其它地址的距离

一，理论1.注册，浏览器搜索腾讯位置服务点进去,右上角有登录没有账号的注册一下。2.点击右上角的控制台,再点击应用管理，创建一个应用，名字随便起。在创建好的应用右边有一个添加key,勾选上webServiceApi创建好了以后会有一个key属性,复制好,腾讯地图每个api都需要这个key。3.官方的api在开发文档当中,选择WebServiceAPI，右侧边栏选择批量距离计算。4.https://

sxc06·2023-03-23 22:35

通过高德api获取经纬度

项目场景：通过输入地理位置使用高德地图api获取经纬度代码实现1.引入2.地理位置查询//address：要查询的地理位置constplace=(address)=>{vargeocoder=newAMap.Geocoder

web Rookie·2023-03-23 21:26

利用高德地图API批量获取地点经纬度和行车线路与OD距离（excel和python）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、excel调取API方法1.申请一个key2.excel调用API二、python方法计算地址列表中两两之间的OD距离和行车路线总结前言爬取高德或百度的数据有数量限制，以高德为例，单日调取经纬度的免费额度为5000条，多个key同时调取也不能改变单日可调用总数。当数量少的时候可以直接用excel进行操作，方便快捷，但e

范范upupup·2023-03-23 21:34

OpenLayers如何获取手动绘制的GeoJson数据

1.前言因为目前市面上与OpenLayers相关的项目实在太少，大部分也是不会开源的项目，所以每次要找一些资源和教程总是很难。网上的相关资料不是官网的例子就是版本过低的代码。

前端小黑·2023-03-23 14:23

js - canvas事件检测

【背景】canvas事件检测是一个很常见的问题，目前常用的有几种：用isPointInStroke或isPointInPath检测用点击位置与各要素线的距离来进行运算，对面等要素来说比较困难openlayers2

李司徒·2023-03-23 08:03

Python调用百度地图API，简单实现批量地址标注

程序逻辑：从excel里读取地址列表→每个地址搜索一遍，百度地图API会返回url→打开url（好像用到了爬虫的基础），得到经纬度→在百度开发者平台上的html里，直接批量输入经纬度即可显示。

天天飞_Python·2023-03-22 01:24

vue 引入 OpenLayers

一、VUE引入OpenLayersnpminstallol二、初始化一个地图import'ol/ol.css'import{Map,View}from'ol'importTileLayerfrom'ol

冰落寞成·2023-03-22 00:31

百度地图api-基本用法总结

web前端JavaScript嵌入百度地图API最详细的方法参考百度地图官方api：百度地图官方api百度地图提供的拾取坐标：百度地图提供的拾取坐标加载地图前提：申请百度地图账号申请开发者填写开发者信息申请

码农阿茹·2023-03-20 14:09

【微信小程序】免费的高德地图api——获取天气（全过程）

目录前言一、去注册一个高德地图api的账号二、获取天气前的准备工作1、登录高德开放平台2、进入控制台===》点击应用管理===》我的应用===》创建应用3、创建应用编辑1)可以选择其他也可以选择天气2)

determine ZandR·2023-03-20 09:52

openlayers源码分析（2）

FeatureFeature的父类是BaseObject，先从构造函数开始构造函数参数可以是一个Geometry对象或者是一个对象包含属性，但是这个对象必须有个geometry属性，而且值必须是Geometry类型。构造函数前面主要是对私有变量初始化。/***@param{import("./geom/Geometry.js").default|Object=}opt_geometryOrProp

solfKwolf·2023-03-20 03:24

iOS实战项目之手绘地图的实现

实现方式确定经过探讨我们认为比较靠谱的两种实现方式：类似百度“瓦片”，在百度或高德原有的地图API上覆盖一层我们的手绘图，然后在进行其他功能直接自定义View，用scrollView+imageView

稻草人12138·2023-03-20 00:53

Openlayers中多边形的聚合

持续三天不断尝试之后获得了一些不为人知的辛酸orz关于OpenLayers的Clusterol.source.Clusterol利用这个js对象实现对地图上feature进行聚合展示的控制，所有的features

MMMOOO·2023-03-19 10:13

OpenLayers之图文标记

第一次更新：代码说明：html中是页面的基本骨架添加checkbox标签，用户可以选择VectorLabel或OverlayLabel类型；添加text标签，输入想要添加的文字标记；添加button按钮，用来启动文字标注功能和清除地图上的标注；添加map的div添加标注点的divjs代码实现功能创建ONE类，添加Map属性，并指定相应的默认值；在类中添加DrawingAndTextAnnotati

多智而近妖精·2023-03-18 21:41

opencv 一轮廓识别

实现图像识别需求是将图片上的房间多边形识别出来后绘制到地图上，使用户可以在地图上看房间的位置，朝向以及临街等信息并可以选择入住指定房间（给工资就干，需求合不合理我说了不算）大致思路是识别房间拐角坐标，在根据地图

未羽出衫·2023-03-18 09:56

Umi使用百度地图服务

由于umi项目默认没有入口的html文件，所以无法通过常规的在head中加入外链js的方式使用百度akzyqeLCzvQPCCNImRu9yRGOqWlEUicxxGreact使用百度api链接:百度地图

英俊先生·2023-03-17 11:25

小程序中使用百度地图

（使用前记得先要去百度官网注册需要使用的ak账号）1.地址解析，方法分为两部，先通过微信获取到用户的坐标，再将坐标传入百度地图api中进行地址解析。

王炳祺·2023-03-17 03:23

HttpRunnerManager安装注意事项

4.登陆系统报“百度未授权使用地图API。。。”错误，需要将HttpRunnerManager\templates\index.html中第39

Johnson1417·2023-03-16 21:36

openlayers text多背景颜色

image.pngfeature=newol.Feature({geometry:newol.geom.Point([121.359045,31.317679]),});constsymbol={icon:"./img/images/earthquake.png",scale:0.8,textColor:"#fff",font:"14pxCalibri,sans-serif",};feature.

happy_port·2023-03-16 08:08

OpenLayers + TopoJSON 绘制边界

一、准备TopoJson数据可以在DataV.GeoAtlas上下载1663222270105.png二、引入TopoJson数据，并绘制addTopoJson(){console.log(this.geoJSonData)constfeatures=newTopoJSON({featureProjection:'EPSG:4326'}).readFeatures(this.geoJSonData

冰落寞成·2023-03-15 11:54

android高德天气api接口,天气查询-API文档-开发指南-Web服务 API | 高德地图API

使用API前您需先申请Key，若无高德地图API账号需要先申请账号。适用场景需要使用相关天气查询的时候。使用限制服务调用量的限制请点击这里查阅。

weixin_39673051·2023-03-15 10:21

使用高德地图API获取天气

最后决定使用高德地图的天气API高德开放平台|高德地图API(amap.com)。

xingchen8800·2023-03-15 10:10

高德地图Api的使用

1、根据ip定位用户信息publicstaticHttpEntitydoGet(Stringurl){//创建一个Http客户端CloseableHttpClienthttpClient=HttpClientBuilder.create().build();//创建一个get请求HttpGethttpGet=newHttpGet(url);//响应模型CloseableHttpResponsere

嘤嘤樱桃小丸子·2023-03-15 10:38

Android 高德地图定位城市，通过高德天气API获取天气情况

一、使用高德地图定位当前城市1、官网首页|高德控制台注册用户，进入控制台，创建Android应用上述完成后，点-->添加以上操作完成后，就会有Key，备用，后面会用到2、地图API引入定位API，在Module

记录美好生活·2023-03-15 09:45

高德地图只显示某个地区或省份，并设定显示范围

一、注册高德账号地址：高德开放平台|高德地图API注册好账号后，登录点击进入“我的应用”，创建应用，获取key。

觉醒法师·2023-03-15 05:07

vue高德地图JS API实现海量点标记示例

目录实现效果：JSAPI的加载使用JSAPILoader(推荐)实现代码官方文档：海量点标记-覆盖物-教程-地图JSAPI|高德地图API需求：根据后台接口返回的部分数据，这里仅做展示，可参考使用。

·2023-03-15 01:09

openLayers点击事件

任何在地图上点击的事件，都是在map.on里面注册事件事件类型参考api：openLayers的api地址：https://openlayers.org/en/latest/apidoc/在api中左侧

壹家全栈·2023-03-14 07:25

python爬取高德地图地点-附带源码

python爬取你想要的数据，近期由于业务需求，用python爬取了高德地图一些地点的数据，爬出来数据大致情况如下：下面是基本流程：1、注册成为高德地图API开发者，网址http://lbs.amap.com

励志的小小李·2023-03-14 07:09

openlayers 使用canvas绘制圆形头像图标

记录一个使用canvas将一张图片等比缩放，裁剪为一个圆1、原始图片在这里插入图片描述2、绘制后在地图中呈现的样式在这里插入图片描述3、设置样式的函数/***设置Style*/setStyleOnPersonLocation(feature){constdata=feature.values_varimgUrl='https://person_head_img/avatar.jpg'//绘制圆角矩

奔跑的痕迹·2023-03-12 19:04

百度地图API标注+时间轴组件

工作时被要求到的,结合百度地图api做一个动态展示标注变化的组件,要求地图展示某一天的标注,时间轴要求可以动态播放每一天的标注变化...然后我就开始coding...准备工作:申请百度api密钥(具体方法我也不多写了

DemonGao·2023-03-12 14:12

openlayers 文字竖直显示

image.pngconststartPoint=[132,28];conststyle=newol.style.Style({text:newol.style.Text({font:"bold14pxCalibri,sans-serif",scale:1,text:"",fill:newol.style.Fill({color:"green"}),}),});["48","小","时","警",

happy_port·2023-03-11 11:54

记录：CB&YT实地看房信息汇总（十一）

获取到官方发布的未售房产信息http://fgj.wuhan.gov.cn/bsfw_44/zxsbhcxxt/spfxm/对武昌、洪山两个区域进行初步筛选，获得还有未售房屋的小区约800+个，最后我们利用百度地图

2020出发·2023-03-11 06:27

WebGIS开发-openlayers5入门(2)

上节我们讲述如何将地图展示在页面，本节我们继续学习如何在地图上进行图形的绘制，废话不多说，开撸。基本流程newmap()---买块地newVectorLayer()、newTileLayer()---盖个房newFeature()---建个屋newPolygon()、newLineString()、newPoint()---整点家具newStyle()---搞搞装修流程有了，接下来一步一步进行代码

Hi___World·2023-03-09 23:07

根据坐标定位计算距离

百度地图api可以根据两地坐标计算距离，文档地址：http://lbsyun.baidu.com/php计算方法如下：/***根据经纬度计算距离**/publicfunctiongetDistance(

苏大发·2023-03-09 05:21

MapBox动态气泡图渲染教程

对于mapbox和openlayers这样的框架来讲，气泡图中的气泡本质上就是一个div，就是将一个dom元素追加到canvas上的固定位置而已。

疯狂的GISer·2023-02-23 13:50

推荐频道

OpenLayers地图api