腾讯地图 qq.map 设置鼠标样式

腾讯地图设施鼠标样式我暂时没有找到直接的方法,但是它有一个属性可以控制draggableCursor,draggingCursor。直接修改地图实例的属性,就可以实现修改样式。

官方参考文章:http://open.map.qq.com/javascript_v2/doc/mapoptions.html

我的代码

this.map = new qq.maps.Map(this.$refs.thismap, {
   // 地图的中心地理坐标
   center: new qq.maps.LatLng(36.668419, 117.027225),
   // 地图缩放级别
   zoom: 16,
   // 地图的默认鼠标指针样式 pointer crosshair
   draggableCursor: 'pointer',
   // 拖动地图时的鼠标指针样式
   draggingCursor: 'pointer',
   // 该key绑定的style1对应于经典地图样式,若未绑定将弹出无权限提示窗
   mapStyleId: 'style1'
 });
// 直接进行修改
this.map.draggableCursor = 'crosshair';
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取腾讯地图上的点击坐标可以通过以下步骤实现: 1. 在 HTML 页面中添加腾讯地图的 JavaScript API 脚本。 ``` <script src="//map.qq.com/api/js?v=2.exp&key=YOUR_KEY"></script> ``` 其中,YOUR_KEY 是你在腾讯地图开放平台申请的 API 密钥。 2. 创建地图容器 DIV 元素和初始化地图对象。 ``` <div id="map"></div> <script> var map = new qq.maps.Map(document.getElementById("map"), { center: new qq.maps.LatLng(39.916527, 116.397128), zoom: 13 }); </script> ``` 这里的 center 和 zoom 分别表示地图的中心点和缩放级别。 3. 绑定地图的 click 事件,获取点击坐标。 ``` qq.maps.event.addListener(map, 'click', function(event) { var latLng = event.latLng; console.log('点击坐标:', latLng.getLat(), latLng.getLng()); }); ``` 这里的 event.latLng 表示点击事件发生的经纬度坐标,通过 getLat() 和 getLng() 方法可以分别获取纬度和经度值。 完整的代码示例: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>腾讯地图获取点击坐标</title> <script src="//map.qq.com/api/js?v=2.exp&key=YOUR_KEY"></script> </head> <body> <div id="map" style="width: 100%; height: 500px;"></div> <script> var map = new qq.maps.Map(document.getElementById("map"), { center: new qq.maps.LatLng(39.916527, 116.397128), zoom: 13 }); qq.maps.event.addListener(map, 'click', function(event) { var latLng = event.latLng; console.log('点击坐标:', latLng.getLat(), latLng.getLng()); }); </script> </body> </html> ``` 注意,此示例中的 YOUR_KEY 需要替换为你在腾讯地图开放平台申请的 API 密钥。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值