株式会社オンラインコンサルタントが運営する技術メモです
地図をWeb上にダイナミックに表示するためのオープンソースのjavascriptライブラリです。
Goole Mapなどにも使われています。
本家サイト
http://openlayers.org/
ドキュメントが整備されていて、使いやすいです。
例）OpenLayers.Mapのクラスについて
http://dev.openlayers.org/docs/files/OpenLayers/Map-js.html#OpenLayers.Map.setCenter
OpenLayers]]＋[[OpenStreetMapに取り組んでいますが、困ったことに遭遇。
地図のちょうど上らへんにメニューバーがあり、プルダウンメニューがあるのですが、地図の下にプルダウンメニューが隠れてしまうんです。
z-indexを調整すればいいんだろうなーと思い、OpenLayers.LayerのsetIndexとかを使うのかと思い、ごにょごにょやっていましたが、なんか見当違いなのか治らず。
ちなみに、Mapの画像表示領域のz-indexはz-index:749となっていますね。
プルダウンメニューのz-index:1000とかにしても直らず。
地図をCSSで
#map{
z-index:1;
}
とやっても直りません。
あれー
と思っていたら、ここに答えがありました。
http://gis.stackexchange.com/questions/15033/why-would-openlayers-always-render-over-other-divs
z-indexはpositionを指定しないとダメ！
ぁっ…そんなことがあった気が…記憶の片隅に…
#map{
z-index:1;
position:relative;
}
これで解決です。
OpenStreetMap（略してOSM）がアツイ！という話を以前していて、その際はAndroidアプリにOSMおりましたが、今度はWebにOSMを埋め込んで利用してみたいと思います。
まず、超はじめの一歩で、Hello WorldならぬｍHello Map!で、地図をさくっと表示させてみたいと思います。
WebサイトにOSMを埋め込んで利用するには、下記にあるように、他の表示用のJsライブラリと連動させて表示する必要があります。
http://wiki.openstreetmap.org/wiki/Develop/Frameworks#Webmaps
一覧がありますが、最初は一番上のLeafletが軽いと自称しているのでいいかな、と思ってたんだよね。
しかし、LeafletはCloudMadeという会社が作っているようですが、CloudMadeのAPIキーを取得して、Leafletを利用する、というのがLeafletの最初のチュートリアルで書いてありますが、
http://leafletjs.com/examples/quick-start.html
CloudMadeのページでこのAPIキーの登録のページとか、見つからないんですよね。ちょっと詳しい情報を見ようとすると、連絡先を入力するように、ということになってしまいます。
なんとなく不安を覚える雲行きですし、本当にオープンなものを利用したい、というのが最近の私の方向性なので、OpenLayersを使ってみることにしました。
ということで、ほぼこのページのコピペではありますが、
http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example
ちょっとした解説付きで載せておきます。
<!DOCTYPE HTML>
<html>
<head>
<title>OpenLayers Demo</title>
<style type="text/css">
html, body, #basicMap {
width: 100%;
height: 100%;
margin: 0;
}
</style>
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script>
function init() {
map = new OpenLayers.Map("basicMap");
var mapnik = new OpenLayers.Layer.OSM();
var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984 測地系というやつです
var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection メルカトル図法…的なやつです
var position = new OpenLayers.LonLat(139.632314,35.45797).transform( fromProjection, toProjection); //中心座標 みなとみらいです。
var zoom = 15;
map.addLayer(mapnik);
map.setCenter(position, zoom );
}
</script>
</head>
<body onload="init();">
<div id="basicMap"></div>
</body>
</html>
これを実行すると、横浜のみなとみらいを中心とした、OpenStreetMapが表示されます。
Microsoft Word、Excel、PowerPoint、Accessを自宅のPCに導入しようとして
「ソフトが高いなぁ」なんて感じた事はないでしょうか
パソコンをメーカーから購入してプリインストールされている場合であればいいですが
ソフトを別途単体で購入しようとすると、ちょっとためらってしまう価格ですよね。
ここでは、フリーで使える&color(#ff0000){マイクロソフトOffice互換};のソフトを紹介します。
どれもマイクロソフトの製品と殆ど同じ画面、同じ操作、同じ形式での保存ができます。
またマイクロソフト製品のOfficeで作成されたファイルを閲覧・編集もできます。
”補足：” こちらのページに詳細なインストール手順書が掲載されています。
OpenOffice(オープンオフィス)では以下の通りマイクロソフト Office(以下 MS Office)と同等のソフトを用意しており
年々、MS Officeとの互換性が強化されています。
現在では同機能といっていい水準にまで達してきており、海外では官庁で導入されている事例があるほどです。
日本では、Linuxユーザーや漫画喫茶※１にあるパソコンでOpenOfficeをインストールしている例が多いです。
※１ 余談ですが、マイクロソフトは漫画喫茶のような環境でMS Officeを使う場合、&br;ライセンス料と月額使用料を求めているので、設備費が相当かさんでしまう現実があるみたいです。
こんな理由から現在、大手漫画喫茶チェーン店では店舗にある全てのＰＣにMS Offieceをインストールしている所はないようです。
|”役割”|”マイクロソフト&br;オフィスツール名”|”オープンオフィス&br;ツール名”|
|ワープロ|Word(ワード)|Writer(ライター)>#de94d18d|
|表計算|Excel(エクセル)|Calc(カルク)>#h1f18c78|
|プレゼンテーション|PowerPoint(パワーポイント)|Impress(インプレス)>#y497e320|
|作図ツール|図形描画(各ツールから利用)|Draw(ドロー)|
|データベース|Access(アクセス)|Base(ベース)>#o551c87e|
|数式|このようなソフトはない？？|Math(マス)>#s090803f|
各画面をインストールする前に確認したいという方もいらっしゃると思います。
ここでは各ソフトの画面を紹介します。
(Draw(ドロー)に関しては使い勝手がいまいち評価できなかったので未掲載です
Writerとほぼ同等画面でImpressの図形描画機能が使えて、Jpeg形式などで保存ができるといった程度でしょうか・・）
殆どWORDと同じ画面です。(一見するとどこが違うか分からないくらい)
WORDで使用される殆どの機能をそなえているので実際には違和感なく使えるはずです。
&ref(openoffice_writer.jpg);
こちらも殆どEXCELと同じ画面です。
EXCELで使用できる代表的な関数は網羅しています。
「セルの書式設定」の構成が若干EXCELと異なるので違和感を感じるかもしれません。
注意！ EXCELマクロ・VBAによるプログラムは対応していません。
&ref(openoffice_cal.gif);
こちらも殆どPowerPointと同等です。
ただ、デフォルトでインストールされているテンプレートの数が極端に
少ない事に違和感を感じるかもしれません。
&ref(openoffice_impless.jpg);
テーブル・クエリーの構成はAccessと同等です。
ただ、レポート・フォームに関してはテンプレートが少ない為に一から作ると考えた方がいいかもしれません。
注意! VBAによるプログラムはできません。SQLで作成する事になります。
&ref(openoffice_base.gif);
この機能はお勧めです。
通常、WordでもEXCELでも分数やルートの表記はなかなかうまくできません。
このMathを使うとこれらの表記が簡単に作成できます。
&ref(openoffice_math.jpg);
このソフトを使うと例えばこんな表記も作れたりします。
&ref(mimetex.gif);
よく理系の大学などで論文作成で使われるソフト
”TeX(テフ)”
に近いかもしれません。
OpenOfficeに関する書籍は近年徐々に増え始めています。
その使い勝手とフリーという点からユーザーが増えてきているからですね。
ここでは代表的な書籍を紹介します。
Amazon.co.jpで「openoffice」と入力すると20冊程度の書籍が表示されます。
上記のようなエラーメッセージが出て（○○はテーブル名）、データベースを更新できない場合は、そのテーブルが破損している可能性があります。
REPAIRコマンドで、修復しましょう。
//○○はテーブル名 REPAIR TABLE `○○`