• ベストアンサー

地図上をクリックしてポリラインを引き保存

Google Maps API V3 で、地図上をクリックして(直線ではなく出来れば道路経由で)ポリラインを引き、線を引いた結果を保存するには、どうすればいいでしょうか？ このページに書かれている内容が、やりたいことに近いのですが、 ローカルにhtmlを保存すると、線が消えてしまいます… ▽地図上を順にクリックしていって移動距離を算出。 　 http://www.nanchatte.com/map/routingService.html

  • re999
  • お礼率61% (476/777)

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

URL保存でも良いのなら、ご提示のサイトで利用している方法でできるのではないでしょうか。 線を引いた後に、「URLを取得」でURLが表示されます。 このURLをそのまま保存しても良いですし、 「Go!」でそのURLを表示させてから、ショートカット保存などをすればよいのでは？ （実際には、表示の都度計算して表示することになりますが…）

re999
質問者

お礼

回答ありがとうございましたー

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • Google Maps API で 住所データを渡してその場所の地図を表示させたい

    Google マップでは検索ボックスに住所を入れ「検索」ボタンをクリックするとその場所が表示されます。 http://www.google.co.jp/maphp?hl=ja&tab=wl&q= このようなことを、Google Maps APIを用いて自分のサイトで行いたいと思っています。 いろいろなサイトを調べているのですが、マーカーや吹き出しをつけることはできても、入力された住所で地図の表示位置を変えることがわかりません。 はてなマップはGoogle Maps APIを使用しているとのこと、こちらのサイトでも検索ボックスに住所を入力したら地図の表示が変わるので、APIを用いてもできるのかと予想はしているのですが、実際の方法がわかりません。 http://map.hatena.ne.jp/ クラス名やヒントとなるキーワードだけでも結構ですので教えて頂ければと思います。 宜しくお願いします。

  • 地図上クリックで情報ウィンドウを閉じるには…

    Google maps API V3　で 開いた情報ウィンドウが地図上をクリックすると閉じるように設定しようと、 google.maps.event.addListener(map,'click',function(){ infowindow.close(); }); を追記したのですが、上手く動いてくれません。 どこが悪いのか、お分かりになる方、よろしくお願い致します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, user-scalable=yes" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>TEST</title> <style type="text/css"> html {height: 100%;} body {text-align: CENTER; height: 100%; margin: 0; padding: 0; background-color:#ffffff; font-size: small;} </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&language=ja"></script> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> var map; function initialize() { var myLatlng = new google.maps.LatLng(35.681373, 139.766084); var myOptions = { zoom: 14, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var layer = new google.maps.FusionTablesLayer({ query: {select: 'Geocodable address', from: 'FusionTablesのIDが入ります'}});layer.setMap(map); } google.maps.event.addListener(map,'click',function(){ infowindow.close(); }); </script> </head> <body> <body onload="initialize()"> <div id="map_canvas" style="width:100%; height:100%"></div> </body> </html>

  • Google Maps API

    Google Maps APIについてよくわからないのですが 自分のサイトに地図を埋め込むことを言うのですよね？ でもグーグルマップを開いて 「リンクを共有/地図を埋め込む」 のURLを自分のサイトに張り付ければ Google Maps APIを使わなくてもできると言う事ですか？ それとも、Google Maps APIと 地図の埋め込みは、違うものなのでしょうか？

  • Google Mapsの地図の場所の経度緯度がわからない

    Google Mapsの地図の場所の経度緯度がわからないのですが、 （１）例えば　国会議事堂　千代田区永田町1-7 の場合の調べ方はどうすればいいのですか？ （２）Google Maps API　の map.setCenter(new GLatLng(37.4419, -122.1419), 13); の部分をそれに変えるだけでいいのでしょうか？ ご存じの方教えていただければ助かります。

    • ベストアンサー
    • HTML
  • Google Maps API の地図をクリックして、PHPの変数に格納。

    Google Maps API の地図をクリックして、PHPの変数に格納する方法はあるのでしょうか？ 地図をクリックすると、JavaScriptにその座標の変数が格納されます。 それをどうにかしてPHPの変数に格納したいのですが、可能でしょうか？ JavaScript⇒PHPはできなかったと思うのですが、何か良い方法があれば教えて頂けると嬉しいです。

    • ベストアンサー
    • PHP
  • GoogleMap　クリックで情報ウィンドウ

    GoogleMap API v3で、任意の一点をクリックするとマーカーが置かれ座標取得、 そしてそのマーカーに情報ウィンドウが出るようにしたいと思っています。 //地図クリックイベントの登録 google.maps.event.addListener(map, 'click', function(event) { if (Marker){Marker.setMap(null)}; Marker = new google.maps.Marker({ position: event.latLng, draggable: true, map: map }); infotable(Marker.getPosition().lat(), Marker.getPosition().lng(),map.getZoom()); で、マーカーの設置と座標取得はできるのですが、 new google.maps.InfoWindowをどこに置いていいのかが分かりません。 どなたかお詳しい方、ご教示願えないでしょうか。 宜しくお願い致します。

  • 走行経路を地図に表示したい

    グーグルやヤフーなどの地図情報で、車で走行したドライブ経路などを保存したいのですが、線を引くと道路を無視した直線になってしまいます。 もちろん細かくつないでいけばいいのですが、綺麗に表示させるにはかなり時間がかかります。 以前、このようなネット上の地図サービスで、道路上に線をあわせて引ける地図があったように思うのですが、何度検索しても見つかりません。 無料で使える地図で、思ったように経路を作成して保存できるサイトを教えてください。

  • hpb　google地図挿入

    Windows７でホームページビルダー14を使用しています。。 先日パソコンの調子が悪く再インストールをしました。 今日ホームページを更新しgoogleの地図を載せようとしましたが、googleマップの maps APIキーが消えて居り、地図の挿入が出来ませんでした。 マニュアルの222ｐ参考に作成しようと「登録ページをプラウザで開く」を、 クリックすると、マニュアルの様な日本語ではなく、英語のページしか出ま せん。　英語に弱く困っています。 以前マニュアルで作成した時の様な、日本語表示はどの様にすれば良いので しょうか？ どうぞよろしくお願いします。

  • Google Maps APIで白黒の地図を作りたいのです。

    Google Maps APIでグレースケールではなく、白黒２値の地図を作りたいのです。 一様、Internet Explorer だけの対応ですが、下の様なものを作りました。 http://www.sagasite-crane.msn.to/shitumonChizu.html が、しかし、これは、元の地図の色を１つずつ白に換え残った色を黒に変えるというもので、動きが重いですし、元の地図の色が変わると、黒い場所が増えてしまいます。 Google Maps APIで１度設定したらずっと白黒２値の動きが重くない地図は作れないでしょうか。

  • このような地図アプリはどうやって作るのでしょうか

    https://www.windy.com/?38.265,140.314,5 何らかの地図apiは必要なはずです。 お試しで作りたいのですが、無料で使えるサービスはないでしょうか？ google map apiは有料のようです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する