中国地图-圆柱模板销售区域展示html模板

最新推荐文章于 2022-11-17 11:47:28 发布
最新推荐文章于 2022-11-17 11:47:28 发布
阅读量750 收藏
点赞数
分类专栏： 前端技术 文章标签： 圆柱模板 中国地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luo2424348224/article/details/84975902
版权

   


<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>中国地图-圆柱模板销售区域展示-支模网</title>
<meta name="keywords" content="中国地图,圆柱模板" />
<meta name="description" content="支模网为你提供中国地图圆柱模板销售区域展示，旨在为你更好的选择圆柱模板产品，让你选择地区圆柱模板更精准，更高效！" />
<script src="//msite.baidu.com/sdk/c.js?appid=1594888518697810"></script>
<script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "http://zhimo.yuanzhumuban.cc/",
            "appid": "1594888518697810",
            "title": "中国地图-圆柱模板销售区域展示-支模网",
            "description": "支模网为你提供中国地图圆柱模板销售区域展示，旨在为你更好的选择圆柱模板产品，让你选择地区圆柱模板更精准，更高效！",
  "images": [
                "http://zhimo.yuanzhumuban.cc/logo_index.jpg"
            ],
            "pubDate":"2018-12-12T15:22:14",
            "upDate": "2018-12-12T15:22:14",
            "lrDate": "2018-12-12T15:22:14"
        }
    </script>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
</head>
<body>
<div class="container">
<header class="header">
<h1>圆柱模板销售区域展示</h1>
</header>
<center>
<div class="container">
<form class="form-inline">
<div data-toggle="distpicker">
<div class="form-group">
<label class="sr-only" for="province1">Province</label>
<select class="form-control" id="province1"></select>
</div>
<div class="form-group">
<label class="sr-only" for="city1">City</label>
<select class="form-control" id="city1"></select>
</div>
<div class="form-group">
<label class="sr-only" for="district1">District</label>
<select class="form-control" id="district1"></select>
</div>
</div>
</form>
</div>
</center>
<div class="map">
<img src="images/map.jpg" width="716" height="595" usemap="#Map" border="0">
<div class="city"><div class="citybg" style="background:url(images/anhui.png) no-repeat 0 0; top:314px; left:523px; width:75px; height:90px;"></div><a style=" position:absolute; top:355px; left:545px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1271.html">安徽省</a></div>
<div class="city"><div class="citybg" style="background:url(images/neimeng.png) no-repeat 0 0;  top:9px; left:296px; width:318px; height:272px;"></div><a style="position:absolute; top:211px; left:424px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1266.html">内蒙古自治区</a></div>
<div class="city"><div class="citybg" style=" background:url(images/heilongjiang.png) no-repeat 0 0; top:1px; left:550px; width:165px; height:151px;"></div><a style="position:absolute;top:81px; left:624px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1269.html">黑龙江省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/xinjiang.png) no-repeat 0 0; top:73px; left:0px; width:292px; height:223px;"></div><a style="position:absolute;top:211px; left:124px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1477.html">新疆维吾尔自治区</a></div>
<div class="city"><div class="citybg" style=" background:url(images/xizang.png) no-repeat 0 0; top:275px; left:31px; width:281px; height:175px;"></div><a style="position:absolute;top:361px; left:145px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1472.html">西藏自治区</a></div>
<div class="city"><div class="citybg" style=" background:url(images/qinghai.png) no-repeat 0 0; top:240px; left:182px; width:185px; height:135px;"></div><a style="position:absolute;top:300px; left:254px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1475.html">青海省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/gansu.png) no-repeat 0 0; top:187px; left:236px; width:207px; height:177px;"></div><a style="position:absolute;top:310px; left:364px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1474.html">甘肃省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/ningxia.png) no-repeat 0 0; top:245px; left:379px; width:49px; height:75px;"></div><a style="position:absolute;top:272px; left:390px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1476.html">宁夏回族自治区</a></div>
<div class="city"><div class="citybg" style=" background:url(images/shanghai.png) no-repeat 0 0; top:354px; left:610px; width:23px; height:22px;"></div><a style="position:absolute;top:352px; left:615px;; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1242.html">上海市</a></div>
<div class="city"><div class="citybg" style=" background:url(images/liaoning.png) no-repeat 0 0; top:161px; left:557px; width:91px; height:87px;"></div><a style="position:absolute;top:180px; left:600px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1267.html">辽宁省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/guangdong.png) no-repeat 0 0; top:470px; left:464px; width:111px; height:88px;"></div><a style="position:absolute;top:490px; left:500px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1466.html">广东省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/guangxi.png) no-repeat 0 0; top:454px; left:382px; width:118px; height:92px;"></div><a style="position:absolute;top:488px; left:432px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1467.html">广西壮族自治区</a></div>
<div class="city"><div class="citybg" style=" background:url(images/henan.png) no-repeat 0 0; top:288px; left:461px; width:118px; height:92px;"></div><a style="position:absolute;top:320px; left:490px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1275.html">河南省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/shanxi.png) no-repeat 0 0; top:242px; left:396px; width:79px; height:134px;"></div><a style="position:absolute;top:321px; left:430px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1473.html">陕西省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/shanxi2.png) no-repeat 0 0; top:219px; left:458px; width:56px; height:112px;"></div><a style="position:absolute;top:271px; left:470px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1265.html">山西省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/hebei.png) no-repeat 0 0; top:184px; left:497px; width:85px; height:118px;"></div><a style="position:absolute;top:247px; left:508px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1264.html">河北省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/jilin.png) no-repeat 0 0; top:113px; left:575px; width:125px; height:88px;"></div><a style="position:absolute;top:150px; left:642px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1268.html">吉林省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/beijing.png) no-repeat 0 0; top:210px; left:512px; width:50px; height:38px;"></div><a style="position:absolute;top:215px; left:515px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1222.html">北京市</a></div>
<div class="city"><div class="citybg" style=" background:url(images/tianjin.png) no-repeat 0 0; top:224px; left:535px; width:26px; height:34px;"></div><a style="position:absolute;top:229px; left:535px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1262.html">天津市</a></div>
<div class="city"><div class="citybg" style=" background:url(images/shandong.png) no-repeat 0 0; top:256px; left:521px; width:103px; height:68px;"></div><a style="position:absolute;top:281px; left:540px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1274.html">山东省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/jiangsu.png) no-repeat 0 0; top:305px; left:539px; width:93px; height:72px;"></div><a style="position:absolute;top:321px; left:570px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1270.html">江苏省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/hainan.png) no-repeat 0 0; top:556px; left:442px; width:89px; height:88px;"></div><a style="position:absolute;top:565px; left:450px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1468.html">海南省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/hubei.png) no-repeat 0 0; top:345px; left:438px; width:115px; height:75px;"></div><a style="position:absolute;top:365px; left:480px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1276.html">湖北省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/yunnan.png) no-repeat 0 0; top:412px; left:280px; width:132px; height:138px;"></div><a style="position:absolute;top:485px; left:320px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1471.html">云南省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/sichuan.png) no-repeat 0 0; top:328px; left:284px; width:161px; height:143px;"></div><a style="position:absolute;top:385px; left:345px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1469.html">四川省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/guizhou.png) no-repeat 0 0; top:409px; left:367px; width:93px; height:81px;"></div><a style="position:absolute;top:445px; left:405px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1470.html">贵州省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/taiwan.png) no-repeat 0 0; top:456px; left:613px; width:32px; height:65px;"></div><a style="position:absolute;top:475px; left:620px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1210.html">台湾省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/fujian.png) no-repeat 0 0; top:415px; left:548px; width:70px; height:84px;"></div><a style="position:absolute;top:445px; left:565px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1272.html">福建省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/hunan.png) no-repeat 0 0; top:394px; left:445px; width:83px; height:96px;"></div><a style="position:absolute;top:425px; left:475px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1463.html">湖南省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/zhejiang.png) no-repeat 0 0; top:367px; left:574px; width:62px; height:70px;"></div><a style="position:absolute;top:395px; left:588px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1211.html">浙江省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/jiangxi.png) no-repeat 0 0; top:390px; left:513px; width:76px; height:98px;"></div><a style="position:absolute;top:425px; left:525px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1273.html">江西省</a></div>
<div class="city"><div class="citybg" style=" background:url(images/chongqing.png) no-repeat 0 0; top:363px; left:397px; width:70px; height:80px;"></div><a style="position:absolute;top:390px; left:420px; z-index:10;" href="http://zhimo.yuanzhumuban.cc/baike/list-1263.html">重庆市</a></div>
</div>
</div>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/distpicker.data.js"></script>
<script src="js/distpicker.js"></script>
<script src="js/main.js"></script>
</body>
</html>

 

luo2424348224
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【百度地图（极度真实版）---HTML实现（附 效果+源代码）】
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
07-26 2867
目录效果源代码说明 效果 说明：以下效果均是Html页面，并非百度截图哈！是真真正正实现的，都是前端实现的效果。实现的功能是基本的地图地点位置信息的查看，仅供学习交流使用。不涉及任何商业用途！ 可以通过鼠标的滑动与点击来进行地图的浏览与放缩，同时支持卫星云图的模拟展示。 再缩小一下： 效果还是可以的！ 丑国： 伟大的祖国，亚洲： 同时支持较为细致的查看: 山东半岛： 同时也支持不选中混合属性，即去掉汉字，不显示也可： 源代码 demo.html <!DOCTYPE html&
html绘制中国地图,ECharts绘制中国地图、广西地图
weixin_42617150的博客
06-28 3164
准备工作：导入ECharts依赖、和地图需要的.js文件。文件获取方式：官网：urlgithub：url(下载完后 ：incubator-echarts-4.8.0\map\js\province目录下有各个省级的.js文件)绘制中国地图先在html中添加一个地图要挂载的节点：china-mapjs:var myChart = echarts.init(document.getElementByI...
HTML基础地图模板
01-17
很久之前的工作中遇到的，今天想起来就写了基础地图模板（用的百度地图的API），以防后面工作中用到，方便你我他
中国分省份像素地图（HTML+JS 轻量级实现地图数据展示）
oho155的博客
11-17 1万+
HTML+JS轻量级实现地图数据展示，中国分省份像素地图
HTML ----世界地图和中国地图的写法
qq_38189467的博客
10-22 3846
代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>中国地图</title> <script src="js/echarts.js" type="text/javascript"></script> ...
个性创意PPT模板-灰白-圆柱PPT模板.pptx
01-30
个性创意PPT模板-灰白-圆柱PPT模板.pptx 艺术设计 PPT模版
圆柱BLOG网页模板
01-14
圆柱BLOG网页模板
圆柱钢模板方案.doc
07-09
圆柱钢模板方案
行业资料-建筑装置-带圆柱的圆弧形墙体整体模板.zip
09-03
行业资料-建筑装置-带圆柱的圆弧形墙体整体模板.zip
圆柱形包装样机模板
07-27
圆柱形包装样机模板适用于包装样机设计
可以交互的世界地图网页模板
03-13
可以交互的世界地图网页模板，直接下载可以使用，可以修改不同国家的颜色。显示国家的颜色随着鼠标变化而变化。
全国各省市分开的地图 已经切片为html
04-15
全国各省市分开的地图，已经切片为html，添加连接就可以用.
前端html制作中国地图,echarts实现中国地图
weixin_42116681的博客
06-28 5840
最近项目中有个需求：在地图上展示各省市的数据分布，像这样： 项目中接入的图表展示工具是echart，查了echart官网，发现并没有中国地图相关的实现，唯一接近的，只有香港18区人口密度。没办法，只能求助万能的google了。搜索了一圈，最终发现了w3cschool的中国地图实现，实现代码如下：var dom = document.getElementById("container");var m...
html地图模块,百度地图自定义控件模板.html
weixin_42300113的博客
06-11 398
body, html {width: 100%;height: 100%;margin: 0;font-family: "微软雅黑";}#allmap {width: 100%;height: 500px;}p {margin-left: 5px;font-size: 14px;}src="http://api.map.baidu.com/api?v=2.0&ak=dMIfd7VGFGNsY9uB...
圆柱模板计算器V1.0
积善之家
08-20 1446
    因很多客户需求，就做了一个初始版本的产品圆柱模板面积和价格的计算器，界面非常简单，做工粗糙，但是功能是可以运行。后期会在界面和功能上进行升级，打算出一个微信小程序版本。这个程序仅供参考。      演示地址：http://zhimo.yuanzhumuban.cc/jisuanqi/      &lt;?php /* 开发者：支模网（zhimo.yuanzhumuban....
什么是浏览器指纹，如何完整修改浏览器指纹？
热门推荐
积善之家
07-26 2万+
什么是浏览器指纹 “浏览器指纹”是一种通过浏览器对网站可见的配置和设置信息来跟踪Web浏览器的方法，浏览器指纹就像我们人手上的指纹一样，具有个体辨识度，只不过现阶段浏览器指纹辨别的是浏览器。 人手上的指纹之所以具有唯一性，是因为每个指纹具有独特的纹路、这个纹路由凹凸的皮肤所形成。每个人指纹纹路的差异造就了其独一无二的特征。 那么浏览器指纹也是同理，获取浏览器具有辨识度的信息，进行一些计算得出一个值，那么这个值就是浏览器指纹。辨识度的信息可以是UA、时区、地理位置或者是你使用的语言等等，你所选取的...
分享视频页面模板界面+带列表页自动播放【html5】
积善之家
01-27 9933
分享自己网站的视频栏目界面，支持动态展示效果，支持自适应，支持列表页鼠标移动自动播放视频属性。 演示页面：http://www.sdfymj.com/ 标题 代码附上： <!DOCTYPE html> <html> <head> <meta http-equiv="X-dns-prefetch-control"...
windows server2008的IIS7.5下不支持中文url解决办法
积善之家
11-16 5718
最近在配置windows server2008上运行一个程序时候，Url为中文的，打不开。很是纳闷，于是找遍任何方法总算找到一个比较稳妥方法，在此分享给大家！   按照微软的介绍设置即可           http://support.microsoft.com/kb/942076   按照微软的解释，是为了安全默认关闭了“双向解析”。打开就行了   注意按照以上步骤之后，运行 IIS
destoon8.0如何新增页面？今天来教大家
积善之家
08-06 1730
destoon更新到8.0了，顺便给大家分享分享如何新增页面，例如我要新增一个tags的模块页面！ 废话不多说，开始整，例如我要在/invest/目录下新增一个tags页面，命名为：tags.php 输入以下代码： <?php define('DT_REWRITE', true); $moduleid = 22; require '../common.inc.php'; include template('tags'); ?> includetemplate('...
纯css3圆柱模板立体图
最新发布
05-15
以下是一个使用纯 CSS3 实现的圆柱立体图模板： HTML 代码： ```html <div class="top"></div> <div class="bottom"></div> <div class="body"></div> ``` CSS 代码： ```css .cylinder { position: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值