腾讯地图获得地图经纬度数据进行描边

已于 2023-04-20 17:25:55 修改
阅读量632 收藏 2
点赞数 1
文章标签： javascript 前端 小程序 图像处理
于 2023-04-20 17:20:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q759859479/article/details/130270361
版权

场景：地图展示城市或区的描边

方案：

登录腾讯地图 微信小程序JavaScript SDK | 腾讯位置服务

 申请密钥

 

 按照步骤获得密钥后

阅读api文档，有各种api获得各类数据

示例：以获得地图区域描边经纬度为例

接口调用：直接浏览器调用就行

一，可以先通过查询地区名字来获得地区码：

https://apis.map.qq.com/ws/district/v1/search?key=你申请获得key&keyword=梁溪区

二，用地区码查询描边经纬度：
你申请获得key

https://apis.map.qq.com/ws/district/v1/search?key=你申请获得key&keyword=320213&get_polygon=2

​

返回结果：

​

开始描边

以uniapp小程序示例

.​

该数据作为map组件的polygons的值传入

​

结果展示

​

大德大威顾神
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-map高德地图(4)地图区域描边、点标记、点信息详情弹窗
liuwenjie_的博客
04-11 5177
高德地图、vue-map高德地图(4)地图区域描边、mark点标记、点信息详情弹窗
Mapinfo版地图打印图廓(图框)工具
08-28
1、 批量生成标准分幅图或行政区划，地图打印所需的图廓（或图框）整饰内容：公里网，十字丝，经纬网以及标注，四角的经纬度标注，四周的文字表示和自动填写结合表的内容。一方面标准规范，另一方大大地提高了你的工作效率，使你在打印地图中，从重复、繁杂的工作中摆脱出来。 2、 系统缺省按照地形图标准设置，也提供各种参数定制：如地图比例尺， 地图左下角，下面的比例尺信息，右下角，左边的单位信息，右上角（机密等），上边的标题，内容，位置，字体的大小，颜色都可以自己定义，提供公里网，十字丝，经纬网三种方式供你选择，你可以设置公里网，十字丝，经纬网的间距，文字标注的大小位置。 3、 比例尺可以自己指定，根据比例尺，自动计算各文字注记得位置。 4、 输入一图幅号，就可以生成对应图幅图廓整饰内容。提供标准图幅号（可以是新图幅也可以是旧图幅号，支持地图比例尺有1：100万、1：50万、1：25万、1：10万、1：5万、1：2.5万、1：1万和1：5000比例尺））生成单幅图的打印梯形图廓，内外图廓严格平行，都是梯形，文字标注按照梯形的斜线标注；根据标准图幅文件批量生成标准梯形图廓；根据行政区划文件的图形对象，批量生成矩形图廓，你可以定义地图与内图廓的距离，可以采用经纬网标注整饰，比例尺也可以灵活自定义。 5、 标注智能化程度高，要求左对齐，一定左对齐，中间对齐自动中间对齐，右对齐自动右对齐，位置严格按照定义位置标注，字体大小，颜色样式一定定义生成，并且可以和字段、或则日期配套使用。 本软件是绿色软件，无需安装，操作方便，自动记忆上次界面设置，下次打开就自动调出上次设置，包括文字的内容，字体的大小，颜色，你的选择（如本次选经纬网，下次打开默认设置还是经纬网），让你真正一劳永逸。有其他特殊需要和问题，都可以发Email:gisoracle@126.com, 635211942@qq.com或QQ：276529800, 635211942联系，定会得到答复。 本工具有ArcGIS和Mapinfo版，本说明主要针对MapInfo版 注意：需要安装mapinfo6.0以上。
由GeoJson格式渲染地图
我的笔记
07-25 1513
<!DOCTYPE html> <html> <head> <title>Quick Start - Leaflet</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-sca...
腾讯地图api获取地理位置、经纬度等信息
征途人生&梦
07-13 5090
需要使用地图搜索，并点击结果后去省市区、经纬度、详细地址、行政区信息 var citylocation; // 定位当前城市 var searchService; // 地图搜索 var geocoder; // 地址解析 var map; // 地图 var markers = new Array(); // 搜索结果 var init = function() { var center = new
百度地图，地市区域描边
最新发布
翎墨袅
11-21 559
如果需要某省中的各个地市描边可以点击这个省的进行下载，这里以山东为例，我是先下载了山东的json数据,但是发现只有山东省下各个市的描边，于是又下了中国的数据，把山东的再复制到山东省json里。json粘贴后效果。文件名为370000_full.json。js描边代码（map 是地图实例，自己看着改名）js百度地图标点，鼠标悬浮展示信息（与描边无关）直接复制粘贴进入页面ctrl+s保存就可以了。描边首先需要各个点的经纬度数据。
腾讯地图中轻松定义多边形
追
05-28 486
简单多边形 | 腾讯位置服务这个例子可以保存到本地，通过编辑多边形的各项属性来定义自己的多边形。不过这种方法有些缺陷：定义多边形的顶点坐标，以及边框颜色、宽度、透明度，中间颜色、透明度都挺麻烦，需要键盘录入；不容易发布、共享；我试着在平台中初步实现以上内容，可以做到：鼠标定义多边形属性，包括顶点坐标，边框宽度和透明度需要键盘录入（有默认值），选择颜色；可以定义多个多边形，并定义层级；立即发布共享；
百度地图经纬度描点 geojson（Echarts地图边界线）
02-19
地图上描点获取 省、市、区 的边界经纬度， 支持：搜索模式与手动描点模式。注意 台湾地区不支持搜索，需手动描点。 工具网站：http://geojson.io/
echarts 地图外边框
04-20
echarts 地图外边框颜色 可以在 http://blog.csdn.net/qq_25110159/article/details/70262849 查看 低分连接https://download.csdn.net/download/qq_25110159/11456642
中国各省市地图边界坐标json文件
05-30
在地图上画出各省市边界，北京市密云县json内容如下： {"type": "FeatureCollection", "features": [{"type": "Feature","properties":{"id":"110228","name":"密云县","cp":[117.0923,40.5121],"childNum":1},...
echarts 地图外边框（重发低分）
07-31
echarts 地图外边框颜色 可以在 http://blog.csdn.net/qq_25110159/article/details/70262849 查看
echartmap 3 世界地图 添加中国省份轮廓
04-02
echartmap 3 世界地图 添加中国省份轮廓。 使用方法： //使用ajax加载；也可以修改为AMD的形式，然后使用requirejs进行加载 $.get('./world.json', function (json) { //注册到地图中。 echarts.registerMap('...
jsp，juery,js,javaScript,web前端引用腾讯地图根据经纬度动态标记并圈出范围，标记点击显示详情
Chen_XiRan的博客
06-05 1830
先上图看效果-----------根据经纬度动态加载地图标记，根据经纬度位置动态加载半径圈出范围，点击标记显示当前标记信息 代码图： 首先引用加载腾讯地图官网示例地址： https://lbs.qq.com/javascript_v2/demo.html https://lbs.qq.com/javascript_v2/case-run.html#sample-overlay-mark...
html前端使用腾讯地图入门教学：在地图上标记位置
小小码农biubiubiu
08-04 4541
本文教给大家如何使用JavaScript API进行基于LBS的基础开发：在地图上标记位置。提供地图服务的有高德地图、百度地图和腾讯地图，腾讯地图官网上的JavaScript API已升级到了JavaScript API GL，Javascript API GL是基于WebGL技术打造的3D版地图API，3D化的视野更为自由，交互更加流畅，故本文此次选取的地图是腾讯地图。 1.、 注册账号 a. 注册成为开发者 b. 申请密钥，在如图位置创建新密钥 c. 进行配置 推荐使用授权IP的方式进行配置，将你个人的
如何使用 Echarts 给绘制出来的地图描边
浮生几何。
10-09 6892
目录如何使用 Echarts 给绘制出来的地图描边获取 GeoJSON 数据初始化绘制陕西省轮廓绘制陕西省地图设置轮廓样式 如何使用 Echarts 给绘制出来的地图描边 Echarts 在绘制地图的时候，会根据 GeoJSON 中点的数据绘制出多边形的地图。有时候需求需要对地图的外边框，也就是整体的轮廓添加一些特殊的样式，这时候需要两组 GeoJSON 的数据去绘制当前的地图，一组 GeoJSO...
腾讯地图多边形转换成圆
qq_39966730的博客
12-05 835
//根据圆心获取对应区域的经纬度数组 getRadius(latLng,list) {//times 半径，单位：公里；latLng为点击地图时的经纬度，即为圆心，list传进来的参数默认是空数组 var latRate = 0.008983153559494;//此参数为本人经过测试后所得的维度为1公里的固定参数值 var lngRate = 0.0096998403403;//此参数为本人经过测试后所得的经度为1公里的固定参数值 var times = 0.15;//默认设置为150米,具体值可
腾讯地图画圆
小屁孩大帅-保密的博客
05-06 2366
1：坐标取拾地址https://lbs.qq.com/getPoint/ 2：在线代码运行地址https://lbs.qq.com/webDemoCenter/javascriptV2/polygon/circleRadius 3：图例 4：代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />.
地图坐标系大全：常用地图坐标系详解与转换指南
热门推荐
weixin_39888010的博客
02-18 1万+
地图坐标系是用于描述地图上位置的数学模型。它可以用来表示地球表面上的任意一个点，使得这个点的位置可以在地图上精确定位。不同的地图坐标系采用不同的基准面和投影方式，因此会有不同的坐标系参数，不同的坐标系之间也需要进行坐标转换。在地图制图、导航、GIS等领域中，地图坐标系是一个非常重要的概念。
腾讯地图根据leaflet经纬度解析出详细地址信息
weixin_44081503的博客
12-01 748
map.onclick(e => { //Prj是leaflet经纬度转换成腾讯使用的经纬度 const gcjLocation = Prj.wgsToGcj( e.latlng.lat, e.latlng.lng ); this.handleLatLngToAddress(gcjLocation, res => { this.locationAddress = res.detail; this.Cmap.addMarker(e.latlng); this.locationInfo = ${e.
vue2+three.js做出一个精美的3D地图——3.给地图描上边线，并添加上辉光效果
Tx的博客
09-05 2780
3D地图的第三步，增加描边的线条和辉光。
echarts地图描边流光
04-28
Echarts是一款基于JavaScript的可视化图表工具库，它可以用于实现各种图表的制作和呈现。其中，地图是Echarts中最为广泛使用的功能之一。在Echarts中，我们可以使用图形和文字等元素来丰富地图的呈现效果，其中描边和流光效果可以让地图更加美观动人。 描边是指在地图的边缘绘制一层颜色较深的轮廓线，这样可以使地图更加立体鲜明，增加对比度。在Echarts中，我们可以通过设置地图的itemStyle属性的borderColor和borderWidth属性来实现描边效果。 流光则是指在地图的某些部位呈现出闪烁流动的效果。这种效果可以让地图更加动态生动，吸引人的眼球。在Echarts中，我们可以通过设置地图的effect属性来实现流光效果。具体的实现方式是，我们可以定义一个动态特效的元素，在地图上随机运动，并在特定位置呈现流光效果，让整个地图充满活力和生气。 总的来说，描边和流光是Echarts地图中常用的加强效果，通过它们我们可以让地图更加美观和吸引人的眼球。不过需要注意的是，描边和流光的使用应该适度，不能过度设计，否则会影响用户对地图的实景理解。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值