在地图上绘制圆形搜索范围,形象展示查询效果

第一种方法:简单在线查询

随便打开一家公司的地图;

以故宫为例,搜索找到目的地,右击或者在左侧菜单里找到搜周边;

在搜索框随便搜个啥,这里就搜个狗吧,输入后点击搜素;

搜素结果就是一个圆形,拖拽右侧的点,改变搜素范围;

如果是汇报演示查询效果,在这个地方截图就足够使用了。如果需要更灵活功能见方法二。

地图-搜周边

地图-搜周边-随便搜个啥

地图-搜周边-搜素范围

第二种方法:自己码个简单代码绘图

地图画圆,首先需要个原点,地图坐标经纬度查询方法见高德/百度地图坐标/经纬度查询;

绘图代码见如下代码块;

以故宫周围1千米范围为例,查询结果如最后一张图所示;

代码参数可调,同理就可以完成画圆画方块画任意图形,还可以实现地图多图形绘制等,更多功能自己动脑筋吧hhhh~

地图绘圆

var map = new AMap.Map('container', {

resizeEnable: true,

center: [116.397428, 39.90923],

zoom: 13

});

var circle = new AMap.Circle({

center: new AMap.LngLat("116.39697075", "39.90901202",),// 圆心位置

radius: 1000, //半径

strokeColor: "#FF33FF", //线颜色

strokeOpacity: 0.7, //线透明度

strokeWeight: 3, //线宽

fillColor: "#1791fc", //填充色

fillOpacity: 0.5//填充透明度

});

circle.setMap(map);//显示圆圈

map.setFitView();//根据地图上添加的覆盖物分布情况,自动缩放地图到合适的视野级别

故宫周围1千米范围

tablueau地图标记圆形_高德/百度地图画圆标记相关推荐

  1. tablueau地图标记圆形_高德地图实现自定义小蓝点 自定义点标记 绘制多边形/圆形区域 根据地图的移动显示或者隐藏自定义点标记的相关实现...

    最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务, ...

  2. tablueau地图标记圆形_多点钉图标记-简单易用的地图位置标记标注工具

    我有个朋友是一名业务员,大江南北到处跑客户,以前都是用的百度地图的地点收藏功能,把客户的位置收藏在地图上,由于百度地图的收藏点功能过于简单,不能自定义名称,更没法添加自己的备注,也无法进行批量管理. ...

  3. 百度地图画圆:动态绘制显示圆半径

    百度地图画圆:动态绘制显示圆半径 在开发百度地图时,项目需要借助画圆工具框选地图上的点,原始画圆工具可以通过 enableCalculate() 方法获取框选区域面积,进而可以计算圆的半径.      ...

  4. android百度地图画圆,Android应用开发之android 百度地图自定义圆,更改默认图标等常用方法...

    本文将带你了解Android应用开发android 百度地图自定义圆,更改默认图标等常用方法,希望本文对大家学Android有所帮助. 总结了一下百度地图常用的方法(前提是集成百度地图环境成功): 1 ...

  5. vue 高德地图 不同区域显示不同颜色_高德百度哪家强?苹果Carplay第三方分屏功能评测...

    几天前,苹果公司正式更新了iOS13.4版本.一个小版本系统更新,却让车主群热闹了起来.在这个版本中,苹果正式开放了Carplay分屏显示模式下对第三方地图的支持. 车主们的热情,化为高德地图和百度地 ...

  6. 苹果如何分屏_高德百度哪家强?苹果Carplay第三方分屏功能评测

    几天前,苹果公司正式更新了iOS13.4版本.一个小版本系统更新,却让车主群热闹了起来.在这个版本中,苹果正式开放了Carplay分屏显示模式下对第三方地图的支持. 车主们的热情,化为高德地图和百度地 ...

  7. tablueau地图标记圆形_30天30张中国风地图,从青绿山水到秦砖汉瓦

    本文来自#30天制图挑战#的GISer @November_阿瑜瑜瑜瑜,完成了30幅中国风专辑地图,唯美又有韵味,十分赏心悦目,简直把中国风玩出了花~ 接下来,快来跟着小编一起细品30幅中国风地图吧~ ...

  8. android百度地图画圆,使用百度地图Api,在地图上画圆形区域

    body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} #l-map{height:100%;width:78 ...

  9. tablueau地图标记圆形_R语言在线地图神器:Leaflet for R包(三) 符号标记

    如果还是直接写,会出现错误提示,说找不到经纬度的列 像这种情况,就需要进行显式申明了:(顺便换个背景底图) leaflet(dh)%>%addProviderTiles("Esri.W ...

最新文章

  1. JavaScript语言基础2
  2. ssh项目实战----Spring计时器任务 Spring整合JavaMail(邮件发送)
  3. Leetcode-区域和检索 - 数组不可变(303)
  4. python2.7是什么_python2.7是什么
  5. oracle长度字段,【转】Oracle中如何取一个字段的定义长度
  6. MySQL -- 行转列 -- GROUP_CONCAT -- MAX(CASE WHEN THEN)
  7. php获取ajax data,HTML 获取 PHP 接口数据(ajax)
  8. makefile模板
  9. 企业如何做好EDM-企业做EDM的方案设计
  10. 自定义百度网盘加密分享密码
  11. ***测试执行标准(Penetration Testing Execution Standard:PTES)
  12. android数据线接口定义,数据线接口种类(手机数据线原来还有这几种!)
  13. php网易云信短信接口,短信接口指南
  14. TQ2440——NandFlash分区修改
  15. 关于outlook签名图片大小的说明
  16. 树莓派烧写OpenWrt系统后外接4G模块实现4G路由即MiFi
  17. Eigen vs Armadillo
  18. Caché程序员必须知道符号与缩写 第二章 ObjectScript中使用的缩写
  19. 业务系统需要怎样的全局唯一ID? #Ticktick#(环信首席架构师:一乐)
  20. 知识图谱的系统工程观(综述)

热门文章

  1. 房租客手机端个人中心html页面
  2. 霸气牵手众多手机品牌商,苏宁手机蜜蜂节实力彰显行业影响力
  3. 基于MATLAB颜色的植物虫害检测识别
  4. H5拖拽地址-高德地图VUE版
  5. Linux(CentOS 7)如何创建软件桌面启动图标
  6. 转载:整车CAN网络介绍---CAN--PT CAN--Chassis CAN--Body CAN--Info CAN
  7. 【无标题】猜单词小游戏
  8. 考研计算机软件与理论院校排名,计算机软件与理论专业考研院校排名
  9. 打印机可以打印不能扫描怎么弄_打印机无法扫描怎么解决 打印机无法扫描相关介绍【解决方法】...
  10. win10戴尔游侠GTX1050TI+TensorFlow-gpu+CUDA10.0.130+CUDNN7.4.1.5配置深度学习环境