博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何在鼠标hover时改变标注的样式
阅读量:6068 次
发布时间:2019-06-20

本文共 798 字,大约阅读时间需要 2 分钟。

如何在鼠标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

 

转载于:https://www.cnblogs.com/milkmap/p/6297808.html

你可能感兴趣的文章
Linux 配置vnc,开启linux远程桌面
查看>>
NLog文章系列——如何优化日志性能
查看>>
Hadoop安装测试简单记录
查看>>
CentOS6.4关闭触控板
查看>>
ThreadPoolExecutor线程池运行机制分析-线程复用原理
查看>>
React Native 极光推送填坑(ios)
查看>>
Terratest:一个用于自动化基础设施测试的开源Go库
查看>>
修改Windows远程终端默认端口,让服务器更安全
查看>>
扩展器必须,SAS 2.0未必(SAS挺进中端存储系统之三)
查看>>
Eclipse遇到Initializing Java Tooling解决办法
查看>>
while((ch = getchar()) != '\n')
查看>>
好程序员web前端分享JS检查浏览器类型和版本
查看>>
Linux 安装oracle内核参数
查看>>
Oracle DG 逻辑Standby数据同步性能优化
查看>>
exchange 2010 队列删除
查看>>
android实用测试方法之Monkey与MonkeyRunner
查看>>
「翻译」逐步替换Sass
查看>>
H5实现全屏与F11全屏
查看>>
处理excel表的列
查看>>
枸杞子也能控制脂肪肝
查看>>