?? 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 + -