0
点赞
收藏
分享

微信扫一扫

vue中引入并使用高德地图

大雁f 2022-04-06 阅读 62
前端

一、使用npm引入高德地图

1.进入高德开放平台
2.点击: 开发支持---------地图JS AP---------JSAPI的加载
在这里插入图片描述
在这里插入图片描述
3.选择 按NPM方式使用loader

在这里插入图片描述
4.定义一个有宽高的div
在这里插入图片描述

在这里插入图片描述

二、小试牛刀----修改鼠标样式

1.点击示例中心---------地图的创建---------地图属性-------设置鼠标样式
在这里插入图片描述
在这里插入图片描述

右侧有示例代码
在这里插入图片描述
下图是自己写的代码,需要注意几点
(1)官方代码绑定的click事件传递的this 指当前点击元素,但是vue是没有的,在这里可以不传参,也可以传递$event
(2)官方代码的target.value获取到的是 点击元素(input)的value值,这里对应该元素下target属性里的defaultVaule属性
在这里插入图片描述

举报

相关推荐

0 条评论