地図は、ページの中でインラインフレーム(iframe)を使って呼び込んで使おうと思っております。(というより、インラインフレームを使わないと、表示できないようなので・・・)
色々と試してみましたが、マウス操作しかできないので、キーボード操作のやり方(設定の仕方)を教えてください。
お願いいたします。
iframeを使わないと表示ができない、という状況がどういうものか分からないのですが、nokiさんのいわれるようにonKeyPressでイベントを定義してあげる必要があります。
私のサイト「DIYマップ」はFireFoxとIEでキーイベントが効くようにしてあります。そこのJavaScriptを参考にして頂けたらと思います。http://www.locapoint.com/publicutil/diymap_J.html
です。
ちなみにKeyイベントが定義してあるファイルはヘッダでインクルードしている「http://www.locapoint.com/common/LocapointDIYMap.13.js」というファイルです。
あと、KsGMapさんが公開されているスクリプトも大変参考になります。
お力になれば。
やはり、皆さんがおっしゃるように、スクリプトを使う方法がよいみたいですね。
参考になるURLまで回答をして頂き、感謝申し上げます。
早速、参考にさせていただきます、本当にありがとうございます!
※iframeに関してですが、iframeを使わずにページに直接呼び出そうとするとエラー(「インターネットサイト
http://・・・・・・・・・・・・html
を開けません。操作は中断されました」という警告)が出てしまい、インラインフレームを経由して呼び出す方法にすればエラー表示はなくなったので、インラインフレーム経由でマップを埋め込んだ方が安全かと思い、irameを使っています。
(本当はフレームは使いたくなかったのですが、直接埋め込むとエラーがなくならなかったので仕方なく・・といったところです。)
もともと私も初心者で、このグループやあちこちのサイトでアドバイスを頂きながら、ライセンスフリーのコードをつぎはぎして作ったものです。当然ライセンスフリーですからよろしければお使い下さい。
http://www.locapoint.com/common/keynadwheelevent.js
色々とアドバイスして頂き、本当に有難うございます。
お作り頂いたjsファイル、使わせて頂きます!
そこで、早速組み込んでみたところ・・・
現在私のページでは、
マーカー(おたまじゃくしのような形をした現在地を示すもの)
と
インフォウインドウ(吹き出しの中に説明を書くことができる)
を表示させているのですが、それらを表示させると、一部ぎこちない動きをするところがありました。
どこでもよいのですが矢印キーで動かした後、マーカーのついている場所まで矢印キーで戻そうとすると、マーカーの所でひっかかったような動きをし、元の位置まで戻すことができません。。(マウスを使うと戻せますが・・)
以下に、頂いたjsファイルの中でソースを書き換えた部分を載せておりますので、
よろしければご教授いただけると助かります。
よろしくお願いいたします。
------------------------------------------------------------------------------------------------------------------------
window.onload = function ()
{
env = new LPGmapEnv();
//prepare GoogleMap
map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.centerAndZoom(new GPoint(130.4180896282196, 33.59016138476819),
1);
var point = new GPoint(130.41694164276123, 33.58952683450143);
var marker = new GMarker(point);
map.addOverlay(marker);
var offset = new GSize(0,-20);
map.openInfoWindow(map.getCenterLatLng(),
document.createTextNode("東京駅"), offset);
//Key
Event ここでキーイベント、ホイールイベントを割り付けます。
------------------------------------------------------------------------------------------------------------------------
※上記の 『var point ~ //Key
Event』 の間を付け加えています。
この部分を外せば、問題なく動いてくれるのですが・・・
他の部分を変えてしまうと、元に戻らなくなってはいけないと思い、触れておりません。(何せ初心者なもので・・・)