素材牛VIP会员
当前位置： 首页 » 网页特效 » 中国地图省份点击下级联动鼠标悬停地区高亮

中国地图省份点击下级联动鼠标悬停地区高亮

 所属分类：网页特效-地图

 浏览：3249次  评论：1次  更新时间：2021-09-03
牛币素材VIP可免积分下载
中国地图省份点击下级联动鼠标悬停地区高亮
 查看演示  立即下载 收藏
中国地图省份点击下级联动鼠标悬停地区高亮
 查看演示  立即下载
积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！   充值积分   充值会员   更多说明»
素材描述：H5 echarts制作蓝色的中国地图，鼠标悬停地图省份区域高亮，点击打开省份地图信息，支持地图上面位置标记和信息提示等功能。方便业务销售网点地图标记。ps：涉及JSON跨域，本地需要在localhost下正常访问。
 标签：echarts网点中国地图地图html5

详细介绍

H5 echarts制作蓝色的中国地图，鼠标悬停地图省份区域高亮，点击打开省份地图信息，支持地图上面位置标记和信息提示等功能。方便业务销售网点地图标记。ps：涉及JSON跨域，本地需要在localhost下正常访问。

文件目录结构

  • ┝ demo.png
  • img
    • ┝ back_button.png
    • ┝ close_back.png
    • ┝ demo.jpg
    • ┝ point.png
  • ┝ index.html
  • ┝ index.js
  • libs
    • echarts
      • ┝ china.json
      • ┝ echarts.min.js
    • ┝ jquery.js
    • json
      • ┝ china.json
      • province
        • ┝ anhui.json
        • ┝ aomen.json
        • ┝ beijing.json
        • ┝ chongqing.json
        • ┝ fujian.json
        • ┝ gansu.json
        • ┝ guangdong.json
        • ┝ guangxi.json
        • ┝ guangzhou.json
        • ┝ guizhou.json
        • ┝ hainan.json
        • ┝ hebei.json
        • ┝ heilongjiang.json
        • ┝ henan.json
        • ┝ hubei.json
        • ┝ hunan.json
        • ┝ jiangsu.json
        • ┝ jiangxi.json
        • ┝ jilin.json
        • ┝ liaoning.json
        • ┝ neimenggu.json
        • ┝ neimenggu_bar.json
        • ┝ ningxia.json
        • ┝ qinghai.json
        • ┝ shandong.json
        • ┝ shanghai.json
        • ┝ shanxi.json
        • ┝ shanxi1.json
        • ┝ sichuan.json
        • ┝ taiwan.json
        • ┝ tianjin.json
        • ┝ xianggang.json
        • ┝ xinjiang.json
        • ┝ xizang.json
        • ┝ yunnan.json
        • ┝ zhejiang.json
展开查看全部

相关素材 - 地图

HTML+CSS+JS中国地图，鼠标移上去省块地图变色
HTML+CSS+JS中国地图，鼠标移上去省块地图变色
非常实用的中国地图效果，建议收藏，以后留用~！
 其他特效
 1    11074
Echarts中国地图二级联动
Echarts中国地图二级联动
基于echarts中国二级联动地图
 表格
 4    5054
CSS3+HTML5实现漂亮LED数字时钟
CSS3+HTML5实现漂亮LED数字时钟
CSS3+HTML5实现漂亮LED数字时钟，带闹钟效果！HTML5+CSS3特效请用高级浏览器预览！
 时间日期
 4    7987
HTML5大转盘抽奖特效代码
HTML5大转盘抽奖特效代码
HTML5微抽奖大转盘JS特效代码，其实效果主要是用到图片旋转插件jQueryRotate.js，可动态读取奖品 效果还是非常流畅的，经常用于活动营销以及微信营销，可以参考使用。
 滑块/旋转/滚动
 4    9684
leaflet多种地图图层切换效果
leaflet多种地图图层切换效果
leaflet加载谷歌地图、高德地图、arcgis等各种地图，可以进行图层任意切换效果
 表格
 1    5936
使用ets3显示中国联动到省份的地图 带气泡提示效果
使用ets3显示中国联动到省份的地图 带气泡提示效果
中国地图带省份联动，根据数据显示气泡、提示效果。目前固定新疆的省份可以显示数据，其余省份可根据请求获取。
 表格
 1    2418
jQuery+HTML5仿WIn8界面交互动画特效
jQuery+HTML5仿WIn8界面交互动画特效
一款高端大气的WIn8桌面样式加特效
 UI/布局/瀑布流
 2    3794
jQuery炫酷的HTML5翻页动画效果
jQuery炫酷的HTML5翻页动画效果
jQuery加HTML5实现炫酷的电子书翻页动画效果
 焦点图/幻灯片,图片特效,动画效果
 3    5954

讨论这个素材（1）回答他人问题或分享使用心得会奖励牛币

Lv1 新人
an***11  
2023年03月18日

我觉得这个图很好

回复
 文明上网，理性发言！   😉 阿里云幸运券，戳我领取
热门推荐 / HOT
最新发布 / NEW
我的牛币余额：0
所需牛币：15 开始下载

牛币获取：签到、评论、充值    » 在线充值（10牛币=1元）

此素材VIP可免积分下载  » 查看详情
联系我们关于我们获取牛币版权说明
客服标签
Copyright 2016-2022 © 素材牛（www.sucainiu.com）鄂公网安备 42090202000075号 - 鄂ICP备2021002952号-1