html中国地图设计

html-css028

html中国地图设计,第1张

以前有看到类似的，一般的做法是首先放一张地图，然后放一些类似于图钉之类的小图标，利用相对定位把他定到你要放的省份或者城市那里，当鼠标移动到这些小图标就显示出隐藏的内容。

代码大概是这样子写

<div id="ditu">

        <li><span></span><div class="yin">广东张三135XXXXXXXX</div></li>

        <li><span></span><div class="yin">北京李四138XXXXXXXX</div></li>

        <li><span></span><div class="yin">上海王五139XXXXXXXX</div></li>

</div>

<style>

#ditu{position:relativewidth:1000pxheight:1000pxbackground:url('ditu.jpg') no-repeat}

#ditu li{position:absolute}

#ditu li span{bakcground:url('tubiao.jpg') no-repeat}

#ditu li .yin{display:none}

#ditu li:hover .yin{display:block}

</style>

代码就是这样，然后用nth:child()来定义每一个li的位置就行了

中国地图高清版大图如下：

中国地图分为政区地图、地形图、自然地理地图、人文地理地图、卫星影像地图等类型。国家测绘地理信息局对中国地图的图面范围、国界线、重要岛屿的绘制等有着严格的规定。

扩展资料

中国示意性地图必须遵守下列规定：

（1）用实线表示中国疆域范围，陆地界线与海岸线粗细有区别，用相应的简化符号绘出南海诸岛范围线，并表示南海诸岛以及钓鱼岛、赤尾屿等重要岛屿岛礁；

（2）用轮廓线或色块表示中国疆域范围，南海诸岛范围线可不表示，但必须表示南海诸岛、钓鱼岛、赤尾屿等重要岛屿岛礁；

（3）比例尺等于或小于1：1亿的，可不表示南海诸岛范围线以及钓鱼岛、赤尾屿等岛屿岛礁。

参考资料来源：百度百科-中国地图

http://www.zcool.com.cn/gfx/ZNjUxODA=.html 这个是世界地图吧 http://www.zcool.com.cn/gfx/ZNTk4MDg=.html中国地图 很详细的