HTML+CSS+JS实现 ❤️echarts省市区地图城市选择❤️
生活随笔
收集整理的這篇文章主要介紹了
HTML+CSS+JS实现 ❤️echarts省市区地图城市选择❤️
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
??效果演示:??
代碼目錄:
主要代碼實現:
CSS樣式:
* {margin: 0;padding: 0; }body {font-family: Exo, '-apple-system', 'Open Sans', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft YaHei', Helvetica, Arial, sans-serif;color: #333; }HTML代碼 :
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>地圖</title><link rel="stylesheet" type="text/css" href="static/css/main.css"><script type="text/javascript" src="static/js/echarts.min.js"></script><!-- 全國344個市、區、州對應的數字編號 --><script type="text/javascript" src="static/js/citymap.js"></script> </head><body><div id="main" style="width: 100%;height:800px;"></div><script type="text/javascript" src="static/js/jquery.min.js"></script><script type="text/javascript" src="static/js/app.js"></script> </body></html>上面的城市文件和js需要引入?
源碼獲取
查看博主主頁或私信博主獲取
精彩推薦更新中:
HTML5大作業實戰100套
??打卡 文章 更新?40??/? 100天
大家可以點贊、收藏、關注、評論我啦 、需要完整文件隨時聯系我或交流喲~!
總結
以上是生活随笔為你收集整理的HTML+CSS+JS实现 ❤️echarts省市区地图城市选择❤️的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux内核是否支持nfs,嵌入式命令
- 下一篇: HTML+CSS+JS实现 ❤️圆形倒数