高德地图AMap.MouseTool鼠标工具启用与停用

最新推荐文章于 2024-05-09 06:01:46 发布
最新推荐文章于 2024-05-09 06:01:46 发布
阅读量3.1k 收藏
点赞数
分类专栏： 前端 高德地图 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42715494/article/details/123581609
版权

 启用

 AMap.plugin(["AMap.MouseTool"],function(){
      let mouseTool = new AMap.MouseTool(_this.map);
}）

停用
mouseToolObj.close()；

woodFan先生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MouseTool
10-17
又一个鼠标工具,光标移过去可以自动双击,还是我自己汉化的
echarts-amap.min.js echarts针对高德地图的amap方法
05-06
`echarts-amap.min.js` 是 ECharts 为了支持高德地图而专门提供的插件，它将 ECharts 的图表能力与高德地图的服务相结合，使得开发者可以在 ECharts 图表中使用高德地图作为底图。 `echarts-amap.min.js` 的使用...
高德地图使用鼠标工具(mouseTool)画覆盖物折线(mouseTool.polyline)，光标使用十字架(crosshair)类型，不断出现closehand小手图标干扰
热门推荐
yy_onway的博客
08-15 1万+
今天在使用高德地图的时候，使用鼠标工具进行地图范围折线标注，但是发现鼠标在画第二个点，鼠标落下的时候会自动请求这个URLhttp://webapi.amap.com/theme/v1.3/closedhand.cur，如图：请求返回的是鼠标悬浮的小手(.cur光标文件)，如下图： 然后介绍一下这个小手什么时候它会显示:经过我的测试，发现它在我的鼠标在移到我绘制的线和正在绘制的线上面的时候显示为...
电子围栏的添加和回显----圆形，矩形，行政区域及自定义
weixin_46731239的博客
08-19 3682
此处将新增和修改写在了一个el-dialog中。该电子围栏主要的步骤如下： 1.不选择围栏类型时，只显示地图 2.选择围栏后，（此处以圆形为例）触发鹰眼和比例尺控件 3.使用AMap.MouseTool 画圆，获取半径和圆心 4.高德地图中AMap.MouseTool只支持画圆，但是不能修改，在这里我处理的方式是，使用AMap.MouseTool获取半径和圆心，清除图形。再使用AMap.CircleEditor构建圆进入编辑状态。 5.常规处理数据，将后端所需数据传过去 6.回显问题，.
Web前端最新【高德地图API】Web地图开发系列(一)，带你全面解析前端框架体系架构view篇
最新发布
2401_84447207的博客
05-09 1097
如果要自定义信息窗体内容，只需把 InfoWindow 的 isCustom 属性设置为 true ，信息窗体就会变成自定义信息窗体。与默认信息窗体的不同在于，自定义信息窗体需要自己通过 content 来实现关闭按钮以及全部外观样式，同时需要通过 offset 指定锚点位置，offset 为相对于 content 下边缘中间点的位移// 创建 infoWindow 实例isCustom: true, //使用自定义窗体。
高德地图AMap.MouseTool插件多次测距不能清除bug
TarkuNi的博客
05-25 1363
1.F12探针查看元素，发现是多了overlay和几个marker，然后就想把多出来的overlay和marker存入缓存然后hide()，结果定位的marker莫名其妙取不出来，只隐藏了marker对应的content文字部分。AMap.MouseTool插件是一个很有用的插件，可以在地图上画折线测量距离，也可以在地图上画区域测量面积，这些在客户的一些高级需求里经常出现，最近使用出现了bug，此bug在官网的示例里也能重现。3.在地图上点击测量出一个折线距离。7.在地图上再点击测量出一个折线距离。
高德地图画多边形（鼠标工具-绘制覆盖物）
Xiang_Gong_Ya_的博客
08-23 907
/同Polyline的Option设置。//监听draw事件可获取画好的覆盖物。//同Polygon的Option设置。//同Polygon的Option设置。//同Marker的Option设置。//同Circle的Option设置。//关闭，并清除覆盖物。
高德地图鼠标工具拉框缩放调用函数mouseTool.close(true)后地图无法平移
weixin_40691291的博客
04-21 2029
问题记录：高德地图鼠标工具拉框缩放调用函数mouseTool.close(true)后地图无法平移，更改前代码如下 switch (key) { case '1': { // 地图框选放大 this.mouseTool.rectZoomIn({ strokeColor: '#80d8ff', fillColor: '#80d8ff', fillOpacity: 0.3
高德地图中新建矩形进行图形编辑时无法编辑成功的bug AMap.MouseTool,AMap.RectangleEditor,AMap.Rectangle
haliboti的博客
11-29 2152
高德地图中新建矩形进行图形编辑时无法编辑成功的bug
vue 使用高德地图vue-amap组件过程解析
10-16
确保不要与高德地图的原始名称`AMap`冲突： ```javascript import VueAMap from 'vue-amap'; Vue.use(VueAMap); VueAMap.initAMapApiLoader({ key: 'your_key', plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch...
高德地图-11.11.60.3455，版本最高的提取版，只有82.4mb
02-07
好久没分享软件了，今天分享的是高德地图-11.11.60.3455，红米K50提取版， 对于现在动不动就100mb以上的软件来说已经很小了。该有的功能都有，无广告，不提示更新。 感觉可以养老了。 安装包大小：82.4mb，安装...
vueamap基于Vue2x和高德地图的地图组件
08-10
vueamap基于Vue2x和高德地图的地图组件
AMap.Geocoder高德地图逆向地理编码（JS代码+对应数据展示前段代码）
04-09
楼主实战，根据自身需求加在对应位置即可——...不包含开发者Key，地图标点等其他高德地图API提供接口技术功能，只适用加进自身开发中项目，添加逆向地理编码功能。个别地方加了注释，不懂自行搜索或遇到问题联系楼主。
Vue 引入AMap高德地图的实现代码
10-17
AMap: "window.AMap" } } }; ``` 这样做是为了告诉Webpack，`AMap`已经在全局环境中定义（由于我们在`index.html`中引入了AMap的库），不需要再进行打包。 4. **在项目中使用AMap**： 创建一个新的Vue组件，...
vue中高德api报错 Error in mounted hook: “TypeError: AMap.MouseTool is not a constructor“
BiangBaing的博客
08-17 1881
这样使用起来是没任何问题的，都可以正常使用，但是打包后的环境再测试，就会出现。index.html页面引入的时候key后面跟上。index.html页面中引入高德api。直接在声明这里进行了初始化。
如何使用高德地图
xujian12345678910的博客
06-04 969
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> /images/favicon.ico"> ">
高德地图-----鼠标圈选获取标点信息
qq_40881695的博客
05-07 1463
准备工作 在public中的index.html中初始化地图 <script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 在 .eslintrc.js 中配置AMap和AMapUI globals: { "AMap": "true", "AMapUI":"true", } 实现思路 封装一个全局组件scottMap.vue，用于加载地图 封装一个基于sc
@vuemap/vue-amap高德vue组件库常用技巧（七）- 电子围栏
u010974711的博客
11-30 785
矢量图形绘制主要用于电子围栏等场景使用，在使用过程中我们一般需要绘制点、折线、圆、矩形、多边形。高德提供了一个功能丰富的插件`AMap.MouseTool`，组件库在该插件的基础上预置了很多功能，包含数据处理，鼠标tip提示等等。下面我们使用一个细致的示例来展示怎么通过`el-amap-mouse-tool`组件以及其他基础的点、线等组件实现电子围栏功能
高德地图 Javascript API 入门（二）
weixin_34212762的博客
02-22 249
高德地图 Javascript API 入门（二） 鼠标工具插件 测量距离 JS map.plugin(["AMap.MouseTool"],function () { var mouseTool=new AMap.MouseTool(map); mouseTool.rule(); }); ...
Amap.MouseTool()获取绘制的中心点
05-16
Amap.MouseTool()是高德地图JavaScript API中的一种工具类，用于绘制地图上的图形。它并没有直接提供获取绘制中心点的方法，但可以通过以下步骤实现： 1. 创建MouseTool对象，并注册onDraw事件监听器； 2. 在onDraw事件中获取绘制的图形对象； 3. 根据图形类型，计算中心点坐标。 例如，对于绘制的圆形，可以通过圆心坐标计算中心点，代码如下： ``` var mouseTool = new AMap.MouseTool(map); mouseTool.circle({ fillColor: "#00b0ff" }); mouseTool.on('draw', function(e) { var center = e.obj.getCenter(); // 获取圆心坐标 console.log(center); }); ``` 对于其他图形，可以根据相应的属性或方法获取中心点坐标。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值