(現在 過去ログ23 を表示中)

HOME HELP 新規作成 新着記事 トピック表示 ファイル一覧 検索 過去ログ

[ 最新記事及び返信フォームをトピックトップへ ]

■3479 / inTopicNo.1) 　グーグルマップのオプション指定方法
  ▼■
□投稿者/ 今村　誠 -(2008/03/09(Sun) 10:08:25)
    2008/03/09(Sun) 13:08:19 編集(投稿者)

    地図とリンクしたホームページを作りたいのですが
    矢印やここはどこという吹き出しに例えば住所とか
    名前を表示したいのですが、参考ページをご存じの方
    教えて下さい。

    ％７％D等と変な数字がたくさんあるので、緯度と経度
    位で後は矢印アイコンと吹き出しだけでいいのですが

    http://www.mammoth.co.jp/qry/hplinkk_kasipark.qry?function=search&traderID=nihontsu

    ↑こんなページを桐で作ってみたいと思っています。
引用返信 [メール受信/OFF] 削除キー/
■3485 / inTopicNo.2) 　（削除）
□投稿者/ -(2008/03/09(Sun) 16:44:17)
    この記事は(投稿者)削除されました
引用返信 [メール受信/OFF] 削除キー/
■3486 / inTopicNo.3) 　（削除）
□投稿者/ -(2008/03/09(Sun) 17:10:24)
    この記事は(投稿者)削除されました
引用返信 [メール受信/OFF] 削除キー/
■3487 / inTopicNo.4) 　（削除）
□投稿者/ -(2008/03/09(Sun) 17:59:38)
    この記事は(投稿者)削除されました
引用返信 [メール受信/OFF] 削除キー/
■3494 / inTopicNo.5) 　Re[1]: グーグルマップのオプション指定方法
□投稿者/ Oiller -(2008/03/10(Mon) 10:29:36)
    2008/03/10(Mon) 10:34:23 編集(投稿者)

    今村　誠さん、こんにちは。

    出直しです。

    > ％７％D等と変な数字がたくさんあるので、緯度と経度
    > 位で後は矢印アイコンと吹き出しだけでいいのですが
    >
    > http://www.mammoth.co.jp/qry/hplinkk_kasipark.qry?function=search&traderID=nihontsu
    >
    > ↑こんなページを桐で作ってみたいと思っています。

    質問から推測すると、今村さんは、リンクへのパラメーターだけをうまく扱えば、期待の結果が得られると推定されているように思われます。

    が、サンプルであげられたサイトでは、googoleマップに直接アクセスする部分はサーバーサイドスクリプトであるphp言語のライブラリを使っているようです。
    サイトのソース群を見ると、そのphpライブラリ関数をjavascriptから使用するという造りであることが読み取れます。

    ですから、サンプルサイトで使用している技術をつかって自前のサイトを作るにはphpが動くサーバーとphpライブラリとphpライブラリとのやり取りをするjavascriptを準備する必要があります。

    このあたりのことはサンプルサイトから送られてくるhtmlソースを読めば推定できることですが、今村さんはソースを読みましたか？

    ちなみに今村さんが気にされているリンクのパラメータ部分はjavascript関数の呼び出し部です。そのあと、javascript関数内でphp関数が呼び出されその関数がgoogle maps APIにアクセスしているように思われます(推定)。

引用返信 [メール受信/OFF] 削除キー/
■3495 / inTopicNo.6) 　Re[2]: グーグルマップのオプション指定方法
□投稿者/ 今村　誠 -(2008/03/10(Mon) 12:44:09)
    2008/03/12(Wed) 19:52:12 編集(投稿者)
    2008/03/10(Mon) 15:32:19 編集(投稿者)
    2008/03/10(Mon) 13:04:47 編集(投稿者)

    Oillerさんこんにちは

    > 出直しです。
    お手間をかけます。
    > 質問から推測すると、今村さんは、リンクへのパラメーターだけをうまく扱えば、期待の結果が得られると推定されているように思われます。

    その通りです。

    > が、サンプルであげられたサイトでは、googoleマップに直接アクセスする部分はサーバーサイドスクリプトであるphp言語のライブラリを使っているようです。
    > サイトのソース群を見ると、そのphpライブラリ関数をjavascriptから使用するという造りであることが読み取れます。

    phpを使っていることは分かっています。

    > ですから、サンプルサイトで使用している技術をつかって自前のサイトを作るにはphpが動くサーバーとphpライブラリとphpライブラリとのやり取りをするjavascriptを準備する必要があります。

    > このあたりのことはサンプルサイトから送られてくるhtmlソースを読めば推定できることですが、今村さんはソースを読みましたか？

    はっきり言って読んでも分かりません。

    > ちなみに今村さんが気にされているリンクのパラメータ部分はjavascript関数の呼び出し部です。そのあと、javascript関数内でphp関数が呼び出されその関数がgoogle maps APIにアクセスしているように思われます(推定)。
    >

    jcode.plも同じディレクトリーに入っています。

    希望としては、経度と緯度と赤いアイコンと吹き出しの文字があるとそれだけで
    いいと思うのですがどうにかなりませんか。

引用返信 [メール受信/OFF] 削除キー/
■3496 / inTopicNo.7) 　Re[3]: グーグルマップのオプション指定方法
□投稿者/ hidetake -(2008/03/10(Mon) 13:14:28)
    2008/03/10(Mon) 13:25:04 編集(投稿者)

    > Googleマップ

    Googleマップの一番簡単な使い方は
    http://maps.google.co.jp/maps?ll=35.625668,139.884177
    と言うように、緯度経度を指定すれば場所は指定できます。

    あと細かいことをやろうとすれば、Googleマップがどのよう
    な機能を持っていて API を用意しているかとかを理解して
    いく必要があると思います。

    自分のサイトでやろうと思えば、まずは APIキーも取得する
    必要も出てきますし。

    Google マップ API への登録
    http://code.google.com/intl/ja/apis/maps/signup.html


    それらの動きを理解してから、それを複数の目的や相手の
    表示などをするには動的にどのようにすればよいかであり、
    それには Perl や PHP とか、Javascript も併用していく
    ことになると思います。対象が少なければ HTML そのもの
    を固定で埋め込んで利用しても構わないと思います。


    # Googleマップ って非常におもしろいですよね。
    # 自分は航空写真から林道探しや、走ったルートのログを
    # とり、それを Googleマップ で表示させ楽しんでいます。
    # そのルートから有用なものだけを抜き出して鹿児島の
    # 林道マップなども作っています。さすがにデータ量が
    # 増えて、表示に非常に時間がかかるようになってきたし、
    # ブラウザが耐えきれずにクラッシュするようになって
    # きました。　orz

引用返信 [メール受信/OFF] 削除キー/
■3498 / inTopicNo.8) 　Re[3]: グーグルマップのオプション指定方法
□投稿者/ Oiller -(2008/03/10(Mon) 14:34:54)
    今村　誠さん、こんにちは

    >>質問から推測すると、今村さんは、リンクへのパラメーターだけをうまく扱えば、期待の結果が得られると推定されているように思われます。
    >
    > その通りです。

    すくなくともGoogle Maps API Keyは取得してくださいね。
    googlemapを利用させてもらうのであれば、礼儀はつくしましょう。

    > http://cgi32.plala.or.jp/denki-im/php/googleMap.php?category=parking&id=1299&address=福島市荒井字中町裏1-17&latitude=37.71412&longitude=140.3817&labelStr=荒井ﾊﾟｰｷﾝｸﾞ&marker=1&sizeW=640&sizeH=480
    >
    > 上記のアドレスで、位置は全く違いますが地図の表示は可能です。
    このアドレスは今村さんのサイトですよね？
    phpは書けるんでしょうか？(サイトで使えるという意味と、今村さんが書き起こせるという意味で)
    それならgoogle maps APIをphpスクリプトから使う方法をまずお試しください。
    以下のサイトを参考にパラメータの使い方になれるようにしてください。
    mysqlやPEARも必要になり余分な学習が必要になってしまいますが、私が参考にしたサイトです。

    http://www.thekyo.jp/tech/2006/12/10google_mapgooglemapapi_php_m.html

    でも、今村さんのサイトにあるgooglMap.phpはどういう由来のものなんでしょうか。
    ソースがあるなら、使い方なども入手可能なような気がするんですが……。

    > はっきり言って読んでも分かりません。
    ん〜〜、やりながら覚えましょうか？
    まねっこでも使えないと不自由します。
    わたしも完全にまねっこです。

    > jcode.plも同じディレクトリーに入っています。
    これは確か文字コードの変換をするライブラリだったような(自信なし)。
    google maps APIはutf8決めうちだったと思うのでその関係で必要なのかも。

    > 希望としては、経度と緯度と赤いアイコンと吹き出しの文字があるとそれだけで
    > いいと思うのですがどうにかなりませんか。
    みなさん使っておられるのでなると思いますが、努力しだいではないでしょうか。


引用返信 [メール受信/OFF] 削除キー/
■3499 / inTopicNo.9) 　Re[4]: グーグルマップのオプション指定方法
□投稿者/ 今村　誠 -(2008/03/10(Mon) 15:29:27)
    hidetakeさんこんにちは、
    http://www.geekpage.jp/web/google-maps-api/openinfowindowhtml-0.php
    ここのサイトを参考にオプションを追加して、拡大バーや、吹き出しを
    作成し、希望の動作となりました。
    吹き出しの文字がどうしても大きくならないので、そこをhtmlで記載して
    3行表示までは出来ました。
    桐でアップするときは作成したファイルの拡張子をhtmlでなく.phpにすると
    自動で地図を表示してくれるようです。
    Oillerさんも親切にありがとうございました。
    Google Maps API Keyは2個取得しましたが、普通のホームページはパール
    が動作しないのでcgiの使えるアドレスで取り直しました。
    上記のサイトは掲示板のサイトですが、エンティティ文字でリンクしている
    ので、次にアップするときは違うサイトで使用します。
    参考までに
    map.setCenter(new GLatLng(32.978367,130.48677), 14);
    map.openInfoWindowHtml(map.getCenter(),
    " 今村駐車場 <br> 荒尾市府本806-5<br> 0968-12-3456");
    この書き方でフォントの変更は何処にどのように書いたらいいのでしょうか？
引用返信 [メール受信/OFF] 削除キー/
■3500 / inTopicNo.10) 　Re[5]: グーグルマップのオプション指定方法
□投稿者/ Oiller -(2008/03/10(Mon) 18:03:14)
    > この書き方でフォントの変更は何処にどのように書いたらいいのでしょうか？

    <font size=5,color=red>サンプルテキスト</font>

    sizeとかcolorは変更可能だと思いますが、faceはクライアントの環境に依存するとおもわれるのであまり意味がないかもしれません。
引用返信 [メール受信/OFF] 削除キー/
■3501 / inTopicNo.11) 　Re[6]: グーグルマップのオプション指定方法
□投稿者/ 今村　誠 -(2008/03/10(Mon) 18:57:59)
    Oillerさん丁寧にありがとうございます。
    <font size=5>サンプルテキスト</font>
    でうまくいきました。brの後に書くとだめで、色は指定しても
    変化はなく無理なのかもしれません。
    これにて解決とさせていただきます。
    リンクのアドレスのファイルは削除しますのであしからず。
    また、googleのキーはそのサイトだけしか使えないもので、
    秘密もなにも関係ないようです。
    おつきあいありがとうございました。
解決済み!
引用返信 [メール受信/ON] 削除キー/
■3502 / inTopicNo.12) 　Re[7]: グーグルマップのオプション指定方法
□投稿者/ Oiller -(2008/03/10(Mon) 20:54:55)
    2008/03/10(Mon) 20:59:58 編集(投稿者)

    今村　誠さん、こんばんは。

    > <font size=5>サンプルテキスト</font>
    > でうまくいきました。brの後に書くとだめで、色は指定しても
    > 変化はなく無理なのかもしれません。

    ちょっとサンプルの書き方が悪かったようです。

    　<font size=5, color='red'>

    のようにカンマとcolorの間にスペースを入れてみてください。
    たしかスペースをはさまないと解釈してくれなかったような気がします。
    また、red をシングルクォーテーションでくくってください。
    お試しください。

引用返信 [メール受信/OFF] 削除キー/
■3503 / inTopicNo.13) 　Re[8]: グーグルマップのオプション指定方法
□投稿者/ うにん -(2008/03/11(Tue) 09:33:06)

    > 　<font size=5, color='red'>
    >
    > のようにカンマとcolorの間にスペースを入れてみてください。
    > たしかスペースをはさまないと解釈してくれなかったような気がします。

    カンマは特に意味は無く
    size="5"のように値は"または'で囲むのが正しい書式なのでは？
    （値によっては囲みを省略可）

    > また、red をシングルクォーテーションでくくってください。

    この場合全体を"でくくってるので'を使う方が楽ということです。（"を使うには\"と書くとかめんどくさい）
引用返信 [メール受信/OFF] 削除キー/
■3504 / inTopicNo.14) 　Re[9]: グーグルマップのオプション指定方法
□投稿者/ 今村　誠 -(2008/03/11(Tue) 12:31:30)
    うにんさんありがとうございます。
    結局下記のように書き換えました。
    正しい書き方は大事ですね。

    <!----ここから下が毎回変わる部分↓緯度と経度を指定します。-->
    map.setCenter(new GLatLng(32.978367,130.48677), 14);
    map.openInfoWindowHtml(map.getCenter(),
    "<font size='5' color='red'>今村駐車場 </font><br>荒尾市府本806-5<br>0987-65-4321");
    <!----ここまで　最初の4文字と最後の3文字がコメントには必須----->

引用返信 [メール受信/OFF] 削除キー/
■3506 / inTopicNo.15) 　Re[10]: グーグルマップのオプション指定方法
□投稿者/ うにん -(2008/03/11(Tue) 15:55:26)
    > 正しい書き方は大事ですね。

    厳密にはfontタグ自体がHTML4.0で既にdeprecatedで、過去との互換性のためにだけ
    残ってるものなので
    <P style="font-size: 12pt; color: fuchsia">
    みたいにstyleを使った方がいいかな？
    同じスタイルなら何度も書かずに1箇所にまとめることもできます。

引用返信 [メール受信/OFF] 削除キー/


トピック内ページ移動 / << 0 >>

このトピックに書きこむ

過去ログには書き込み不可

Mode/　 Pass/

HOME HELP 新規作成 新着記事 トピック表示 ファイル一覧 検索 過去ログ

- Child Tree -
- Antispam Version -