如何在鼠标hover时改变标注的样式?
---------------- 教程 -----------------------
首先创建1张地图
//初始化地图对象,加载地图var map = new AMap.Map("container", { resizeEnable: true, center: [116.397428, 39.90923],//地图中心点 zoom: 13 //地图显示的缩放级别});
在地图上标记1个点,使用玫瑰色。
//添加点标记,并使用自己的iconvar m1 = new AMap.Marker({ map: map, position: [116.405467, 39.907761]});m1.setIcon('icon_rose.png');
给标记添加鼠标事件,鼠标hover时,让标注变成蓝色
m1.on('mouseover', function () { m1.setIcon('icon_blue.png'); //hover时变成自定义marker});
给标记添加鼠标事件,鼠标移出时,让标注变回玫瑰色
m1.on('mouseout', function () { m1.setIcon('icon_rose.png'); //变回原来的marker});
----------------- 全部源代码 -------------------------
全部源代码如下:
自定义图标
示例链接:http://zhaoziang.com/amap/changeIcon.htm