2008年8月30日土曜日

OpenLayers 1クイックチュートリアル

OpenLayers を触ってみようと思ったのは、あるところで ka-Map が OpenLayers に取り込まれるというのを読んだからです。
開発そのものが取り込まれるのかと勘違いしていましたが、ka-Mapで作成した地図を表示できるということでした。

クイックチュートリアルにしたがって、試しに触ってみました。

OpenLayers は Webページに地図を表示するためのフリーでオープンなJavaScriptライブラリです。
BSDライセンスでリリースされています。

OpenLayers ホームページ
http://openlayers.org/


の Tutorial の Quick Tutorial をみてみると、他サイト(または自サイト)の地図をWebページに表示するようになっています。
インターネットに接続した状態で操作します。

練習用にサイト設定をしてください。

user@debian:~$ mkdir openlayers

私は、apacheのサイト設定を次のように追加しました。

/etc/apache2/sites-available/kamap

---
Alias /openlayers/ "/home/user/openlayers/"
<Directory /home/user/openlayers/>
Options Indexes FollowSymLinks MultiViews
AllowOverride None
Order allow,deny
allow from all
</Directory>
---

debian:/home/user# a2dissite kamap
Site kamap disabled.
Run '/etc/init.d/apache2 reload' to activate new configuration!
debian:/home/user# a2ensite kamap
Run '/etc/init.d/apache2 reload' to activate new configuration!
debian:/home/user# /etc/init.d/apache2 restart
Restarting web server: apache2 ... waiting ..

/home/user/openlayers に次の内容で quick_tutorial.html ファイルを作成します。

<html>
<head>
<title>Quick Tutrial</title>
</head>
<body>

<iframe
src="http://openlayers.org/viewer/"
width="450" height="300"
scrolling="no"
marginwidth="0" marginheight="0"
frameborder="0">
</frame>

</body>
</html>

webブラウザのアドレスバーに

http://localhost/openlayers/quick_tutorial.html

と入力します。
地図が表示されます。

0 件のコメント: