中国地图实现点击某省市区域跳转到相应页面

源码下载见页底

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>中国地图-点见省市区域页面跳转</title>
    </head>
    <body><style>
             #main{background-color: #B1D0EC;width: 600px; height: 600px; margin: 0; padding: 0; }
            .china{width: 100%; height: 100%;box-shadow: 0px 0px 25px rgba(255,255,255,0.5) inset;}
            .bjMap{}
            .bjMap h2,.bjMap p{margin:0px;padding:0px;}
            .bjMap h2 img{width:100%; max-width: 230px; height:120px;border-radius:6px;margin:10px 0;}
            .bjMap p{}
        </style>
        <div id="main" style="

中国地图实现点击某省市区域跳转到相应页面相关推荐

echart 页面跳转_echarts3地图实现点击某省市区域跳转到相应页面
myEcharts.on('click', function(params) {//设置点击事件 var province = params.name;//获取选中省市的省市名称 switch(pro ...
echarts的中国地图，点击进入省级地图，点击省级地图，返回中国地图
先上效果图, 鼠标放上去时的效果,如下图所示: 点击进入到的省级地图,如下图所示: 中国地图,鼠标放上去时的代码: myChart.on('mouseover', function (params) ...
vue - vue使用echarts实现中国地图和点击省份进行查看
文章目录 1,实现的效果和功能 2,安装ECharts 3,main.js里面引入echarts 4,实现如下 5,遇到的问题 6,用到的模拟数据 1,实现的效果和功能 vue使用echarts实现中 ...
点击a标签，跳转到同一页面的指定内容，类似于点击按钮回到页面顶部效果
点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果这个效果实现方式很简单,只需要在a标签href内填上id名,在内容标签内加入id="名"便可. 下面是实现效果 ...
微信小程序内使用echart实现中国地图，点击省跳转省地图，再点击市跳转到市区详情
目的:在微信小程序内实现一张中国地图,上面要写上一些全国数据,点击省 => 省地图,并请求数据,点击市区 => 跳转到市区地图这样一个功能,具体实现效果如下: 思路: 1.首先我们要先画 ...
spring结合Echarts实现中国地图大区、省、市、区/县的穿透
ECHARTS实现区域.省份.市.区县的数据穿透前言一.Echarts是什么? 二.实现效果 1.初始化地图展示 2.钻取三.实现步骤 1.引入JS库 2.初始化HTML标签.存放Echarts ...
eacharts中国地图省市区点击显示
1.安装echarts.js 相关模块 npm i echarts 2. 在 main.js 文件中搭建全局 // 引入echarts import echarts from 'echarts' Vu ...
echarts的中国地图，点击进入省级地图，按需加载对应的省js，可返回中国地图
这是我项目中用到的示例图: 原理:创建两个省份的数组,在点击某个省份的时候,遍历获取对应省份的数据js,并加载此数据js,同时重新初始化echarts渲染此省份的数据效果 1.省份数组,用于遍历获取对 ...
中国地图绘制-点击事件
中国地图 iOS中国地图行政区控件(含一级与二级行政区)

中国地图实现点击某省市区域跳转到相应页面

中国地图实现点击某省市区域跳转到相应页面相关推荐

最新文章

热门文章