📄 step32.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Thinking in VML</title>
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css" />
<body>
<table align="center">
<tr>
<td align="center" class="title"><strong>矢量地图</strong></td>
</tr>
<tr>
<td >
<div class="memo" style="width:700;line-height:23px">
在国外很多网站上都有VML制作地图的应用，他们把这个应用叫做GIS (Geographic Information Systems) 翻译过来就是地理信息系统。在以前，如果要在网页上实现，必须编写 ActiveX 控件，或者使用 Java, 现在，使用VML就可以做到了。可以看看下面的地址：<br>
<li><a href="http://perso.wanadoo.fr/prosper/carto/demo.htm" target="_blank">http://perso.wanadoo.fr/prosper/carto/demo.htm</a></li>
<li><a href="http://www.vmlsource.com/vmlcanada.htm" target="_blank">http://www.vmlsource.com/vmlcanada.htm</a></li>
<li><a href="mapdemo.html" target="_blank">一个国外的VML地图</a>(因为它初始页面限制只能使用IE 5.0 IE6 都不让看，我把框架拷贝了一份,去掉左边的 Railways 复选框效果会好些)</li><br><br>
本人因为参与一个和气象有关系的项目，也做了一个矢量地图(这次有机会整理一下VML，也是因为做了这个项目)。其实画出地图并不难，关键是数据的收集，数据的转换。一般来说地图的数据是经度和纬度，不考虑地球是球形的话，可以把经度和纬度看成是平行的坐标轴，那样数据就好处理多了。储存数据的时候也需要讲究一下，因为地图上可能并不都是连续的，
有岛屿什么的，所以，在两个不连续的数据中要用个特殊的数据标记一下，以便读出来的时候知道要从新开始画了。<br>
在画这个地图的前，地图的经纬度信息都知道了，接下来做的事情就是画坐标。然后转换数据。然后就可以生成地图了。
<iframe name="map" class="memo" src="map.html" style="width:100%;height:400px">
</iframe><br><br>
<select onchange="map.zoom(this.value)">
<option value="1">原大
<option value="1.5">放大1.5倍
<option value="2">放大2倍
<option value="2.5">放大2.5倍
<option value="3">放大3倍
</select><br><br>
看上去应该和显示中的地图差不多吧！不过你还可以对这个地图无止境的放大缩小，这就是 VML 强大之处。<br>
如果你对VML地图有兴趣，请查看 Iframe 中的源代码。下面一节，也是个比较实用的，介绍如何使用 VML 在文本上留痕。
</div>
</td>
</tr>
<tr>
<td class="title">
<p align="right"><a href="javascript:self.scrollTo(0,0)">Top</a></p>
<a href="index.html">返回目录</a><br>
上一节:<a href="step31.html">数据图表</a><br>
下一节:<a href="step33.html">文本修改留痕</a>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -