<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/
>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?
file=api&v=2&key=ABQIAAAAvlPao7S70GDFfwKLexhwRhTbfSoWsCPlSwmrg77pu_JUtvSGQRRdwG9_Lj-92fO7eyFQg-
caskDd8Q"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
アドレスは
http://www2.odn.ne.jp/~ceb43280/eki-pano.html
です
ご回答よろしくお願いいたします
APIkey取得の説明文ですが、
>Sign Up for the Google Maps API
>
>The Google Maps API lets you embed Google Maps in your own web pages.
A single >Maps API key is valid for a single "directory" on your web
server, so if you sign up for >the URL
http://www.mygooglemapssite.com/mysite, the key you get will be good
for >all URLs in the http://www.mygooglemapssite.com/mysite/
directory.
この内容からすると、
APIkeyは
http://www2.odn.ne.jpで取得されていると、そのkeyを使うしかなく、
それが取得されていないならば、
http://www2.odn.ne.jp/~ceb43280で取得すれば使えるのだと思います。
http://www2.odn.ne.jpで取得されているかは、ODNに聞くしかないと
思いますが、そのあたりはどうなっているでしょうか。
<title>タグの次にある<script>タグのkeyの部分を
「ABQIAAAA98lY54ryNP9it66EDNJo7xTUQm35Gf9IDwrLhMKtykWp-p3dyhT-
EZPwukTLGaD7OszqQQwTSHm1JQ」に変えてみてください。
On 7月25日, 午後3:26, "Masashi.K" <elm...@hotmail.com> wrote:
普通にGoogle MapsのAPIキーのサインアップをしただけですよ。
http://www.google.com/apis/maps/
申し込み時に
「http://www2.odn.ne.jp/~ceb43280/」で申請してみました。
ただそれだけですよ~。
//川口駅東口1
var marker = new GMarker(new GLatLng(35.802322, 139.718413));
map.addOverlay(marker);
GEvent.addListener(marker, "click", function()
{marker.openInfoWindowHtml("<center><br><a href=\"http://www.1137.info/
kawaguti-map/0001/tv.html\"target=\"blank\" >パノラマ映像を見る</a></
center>");});
//川口駅東口2
var marker = new GMarker(new GLatLng(35.801782, 139.718317));
map.addOverlay(marker);
GEvent.addListener(marker, "click", function()
{marker.openInfoWindowHtml("<center><br><a href=\"http://www.1137.info/
kawaguti-map/0002/tv.html\"target=\"blank\" >パノラマ映像を見る</a></
center>");});
・
・
・
・
・
//川口駅東口106
var marker = new GMarker(new GLatLng(35.801882, 139.719062));
map.addOverlay(marker);
GEvent.addListener(marker, "click", function()
{marker.openInfoWindowHtml("<center><br><a href=\"http://www.1137.info/
kawaguti-map/0106/tv.html\"target=\"blank\" >パノラマ映像を見る</a></
center>");});
//川口駅東口107
var marker = new GMarker(new GLatLng(35.802195, 139.719374));
map.addOverlay(marker);
GEvent.addListener(marker, "click", function()
{marker.openInfoWindowHtml("<center><br><a href=\"http://www.1137.info/
kawaguti-map/0107/tv.html\"target=\"blank\" >パノラマ映像を見る</a></
center>");});
この辺り(↓)のサンプルを参考にしていただければ
解決できるのではと思いますよ~。
http://googlemaps.googlermania.com/map_example_17.html
あとは、過去に同様の質問が多々でてますので
それを参考にしていただけると幸いです。
http://groups.google.co.jp/group/Google-Maps-API-Japan/browse_thread/thread/ff54fe150d79e9d0?hl=ja
http://groups.google.co.jp/group/Google-Maps-API-Japan/browse_thread/thread/a7fa088f637bb65f/cc08727f4477596e?lnk=st&q=&rnum=8&hl=ja#cc08727f4477596e
GEvent.addListener(marker, "click", function()
プログラム系はまったくわからないのでご迷惑おかけします
XMLじゃないと出来ないとしたら
XML本体?の記述もあわせて載せてもらえるとうれしいです
HTMLだけで複数マーカはできますが、s-homeさんの場合は数が多いので現実的ではないです。
(プログラムも重たくなるし・・・)
複数のマーカを一度に表示する方法にはいくつかありますが、XMLの方法かJSONの方法が簡単です。
[XMLの方法]
プログラム http://googlemaps.googlermania.com/map_example_17.html
XML http://googlemaps.googlermania.com/map_example_8.xml
[JSONの方法]
プログラム http://googlemaps.googlermania.com/map_example_18.html
JSON http://googlemaps.googlermania.com/example_18.json.txt
どちらも構造は単純なので、好きな方でいいと思います。
参考にしてみてください~。
お手数かとは思いますが
出来れば、HTMLでの記述を教えてもらえると助かるのですが
よろしくお願いいたします
On 7月26日, 午後12:55, "Masashi.K" <elm...@hotmail.com> wrote:
> >s-homeさん
>
> HTMLだけで複数マーカはできますが、s-homeさんの場合は数が多いので現実的ではないです。
> (プログラムも重たくなるし・・・)
>
> 複数のマーカを一度に表示する方法にはいくつかありますが、XMLの方法かJSONの方法が簡単です。
>
> [XMLの方法]
> プログラムhttp://googlemaps.googlermania.com/map_example_17.html
> XML http://googlemaps.googlermania.com/map_example_8.xml
>
> [JSONの方法]
> プログラムhttp://googlemaps.googlermania.com/map_example_18.html
言語の知識が全く無いので
もし、ご面倒でなければいろいろアドバイスをしてください
XMLとかJSONとかはソフトは何を使うのでしょうか?
JSONの記述を見ると簡単そうに見えますが、あの記述だけを保存して読み込ませるのでしょうか?
あらあら、完成してしまいましたか。
返信が遅くなってすみません。
HTMLだけで複数のマーカを記述する場合は、下記URLのようにすると簡単です。
(ちょっと余分なコードが付いてますけど。)
http://googlemaps.googlermania.com/map_example_5.html
これだけ数が多いと、やっぱり外部ファイルにする方が
管理する面から見ても得策ですね。
XMLやJSONは普通に「メモ帳」などで作れますよ~。
XMLは専用エディタがありますが、JSONは見かけませんね。
ただあまりプログラム関係には詳しくないようですので、
JSONの方のがシンプルなのでそちらをオススメします。
JSONの書き方は、ここのページにシンプルな説明があるので
ここを参考にしてもらえればいいと思います。
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter03/006/
さすがにそれは一筋縄ではいきませんね。
そこまでやるには本気でシステムを組まないと無理ですよ。
昔、試験的にGoogleMapsで「全国の天文台マップ」なんてものをつくりました。
疲れて途中でやめてしまったんですけど(笑)
この程度で良ければお手伝いしても良いですよ。
AstroNavi.jp
http://astronavi.jp/
ただこの掲示板でビジネスの話をするのは、望ましくありません。
もし本当にやるなら、個人的にご連絡いただければと思います。
(ここはあくまでも「技術的な相談」をする場所ですから。)