需求：修改百度地圖紅點(diǎn)懸停鼠標(biāo)樣式，有鏈接的鼠標(biāo)懸停顯示為pointer點(diǎn)擊跳轉(zhuǎn)，沒(méi)有鏈接的紅點(diǎn)懸停后顯示鼠標(biāo)默認(rèn)樣式。

分析1：

核心對(duì)象分析，找到紅點(diǎn)對(duì)象

API查詢紅點(diǎn)對(duì)象控制鼠標(biāo)樣式的方法

百度地圖官方JSAIP2.0?http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a3b2

百度地圖JS 核心對(duì)象：

Map 實(shí)例化一個(gè)地圖

Marker??地圖上一個(gè)圖像標(biāo)注（控制紅點(diǎn)對(duì)象）

Icon??標(biāo)注覆蓋物所使用的圖標(biāo)

Label??地圖上的文本標(biāo)注

API方法查找與鼠標(biāo)相關(guān)的方法：

事件	參數(shù)	描述
click	event{type, target}	點(diǎn)擊標(biāo)注圖標(biāo)后會(huì)觸發(fā)此事件
dblclick	event{type, target, point,pixel}	雙擊標(biāo)注圖標(biāo)后會(huì)觸發(fā)此事件
mousedown	event{type, target, point,pixel}	鼠標(biāo)在標(biāo)注圖上按下觸發(fā)此事件
mouseup	event{type, target, point,pixel}	鼠標(biāo)在標(biāo)注圖上釋放觸發(fā)此事件
mouseout	event{type, target, point,pixel}	鼠標(biāo)離開(kāi)標(biāo)注時(shí)觸發(fā)此事件
mouseover	event{type, target, point,pixel}	當(dāng)鼠標(biāo)進(jìn)入標(biāo)注圖標(biāo)區(qū)域時(shí)會(huì)觸發(fā)此事件

分析2：

API方法并沒(méi)有直接控制鼠標(biāo)樣式的方法

通過(guò)mouseover事件控制鼠標(biāo)樣式，嘗試直接更改紅點(diǎn)的css后無(wú)效

分析mouseover的參數(shù)，找到當(dāng)前Marker的dom對(duì)象來(lái)更改cursor

在百度AIP示例中測(cè)試修改http://lbsyun.baidu.com/jsdemo.htm#c2_4

默認(rèn)百度地圖該實(shí)例紅點(diǎn)鼠標(biāo)懸停為小手（pointer）樣式，添加mouseover事件，找到紅點(diǎn)dom對(duì)象控制其css

查看mouseover事件的參數(shù)，F12后查看找到紅點(diǎn)dom對(duì)象的style，嘗試后找到為止為type.currentTarget.V.style。

最終解決代碼：

marker.addEventListener("mouseover", function(type, target, point,pixel){ //console.log(type);type.currentTarget.V.style.cursor ="default";});

?

總結(jié)

以上是生活随笔為你收集整理的百度地图标点鼠标样式更改的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。