• ベストアンサー

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

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

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

  • ベストアンサー
回答No.1
kato10r
質問者

お礼

勉強不足でした。すみませんでした。

関連するQ&A

  • Google Maps API

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

  • Google Maps API

    Google Maps APIを使用しホームページに地図を載せているのですが、アンカーポイントを当社の名前を入れて表示したいのですが、調べても見つけられませんでした。どのようにして編集すればよいのか教えてください。よろしくお願いします。

  • Google Maps API は利用申請が必要?

    現在Google Static Maps API(Google Maps API)を使用して、地図表示をするページを作成しようとしているのですが、自社webサイトに掲載するために必要な手続きなどがあれば教えていただきたいです。 やろうとしていることは、 QRコードから入れるwebモバイルサイト内に店舗ごとのページがあって、「地図を表示」のリンクをからジャンプするとGoogle Static Maps APIを使用した地図を表示…といったものです QRを読むか、アドレスを入力すれば誰でも閲覧できるページにするので、利用規約上は問題ないと思っているのですが お知りの方がいたらしたら、ご回答くだされば助かります。

  • 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 を組み込む

    まず質問のカテゴリはこちらでよろしいのでしょうか。 Google Maps を組み込む件についてですが、Google Maps APIでAPI Keyを取得し、GooglemapsEditorで地図データ生成ボタンを無事押したあと自分のファイルを保存する画面になるので、ファイルを保存、自分のレンタルサーバにアップロードしました。ですが開くと「GoogleマップAPIにしようされているキーは他のウェブサイトに登録されています。このウェブサイト用のキーをgoogle.com/apis/mapsにて作成、登録してください」という画面がでてしまいます。2ヶ月ほど前に自分のレンタルサーバにアップし作ったときは無事うまくいききちんとWEB上で表示されました。同じドメインで取得したからだめなんでしょうか。どなたかお願いします!

  • Google Maps API の地図をクリックして、PHPの変数に格納。

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

    • ベストアンサー
    • PHP
  • Google Mapsの地図の場所の経度緯度がわからない

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

    • ベストアンサー
    • HTML
  • Google Maps API v3で、住所がわかっているいるが緯度経

    Google Maps API v3で、住所がわかっているいるが緯度経度が不明の場合のコーディングで困っています。 与えられた住所を引数にして地図を表示するというだけのものなのですがどうにも書き方がわかりません。 例えば、あるレストランの一覧表があり、そこに記載されている住所をクリックすると別ページを呼び出して地図を表示させるというものです。 Google Maps API V2の場合はわかるのですが… 多少言葉足らずですがどなたかご教示いただければ幸いです。 よろしくお願いいたします。

  • Google maps api v3と印刷について

    お世話になります。 Google maps api v3を使用して、WEBサイトに地図をアップしたのですが、 お客様から印刷すると地図の表示がおかくしくなると指摘されました。 印刷プレビューから表示がおかしくなるとの事です。(その方はWinXP IE8) いろいろ原因を探したのですがよく分からず、こちらでお力をお貸し頂ければと思います。 こちらで分かった事といえば、印刷時、設定用紙の半分もしくは3分の2より下に地図が 配置されていると、表示がおかしくなるということです。 (1枚目に地図が全部配置されているのに、2枚目にも地図の下部のみが移ってしまい、地図の直後にあるコンテンツを隠してしまう。その時、1枚目の地図もおかしい等) (ただし、地図を設定用紙の半分より上に配置すると地図等は問題なく表示・印刷される。ポリゴンも隠れない) この現象は私が作成したmapだけでなく、他のサイトのGoogle mapsでも同じ現象のような気がします。(たまたまでしょうか?) 回避方法等、どうぞお力をお貸しくださいませ。 <script type="text/javascript"> <!-- google.maps.event.addDomListener(window, 'load', function() { // 地図の設定 var mapOptions = { zoom: 16, center: new google.maps.LatLng(30.622401694889774, 138.72735120224), mapTypeId: google.maps.MapTypeId.ROADMAP, scaleControl: true }; var mapObj = new google.maps.Map(document.getElementById('gmap'), mapOptions); // 作成するポリゴン外枠座標の配列 var points = [ new google.maps.LatLng(30.62244094020011, 138.7270232439041), new google.maps.LatLng(30.62266551021649, 138.7274872660637), new google.maps.LatLng(30.6226175438582, 138.7275274991989), new google.maps.LatLng(30.62263062559512, 138.72755163908005), new google.maps.LatLng(30.622401694889774, 138.72773402929306), new google.maps.LatLng(30.6224191372523, 138.72777426242828), new google.maps.LatLng(30.622251254355135, 138.72789764404297), new google.maps.LatLng(30.62193729058848, 138.7273102402687), new google.maps.LatLng(30.622377711635124, 138.72697496414184), new google.maps.LatLng(30.622410416071524, 138.72704201936722) ]; // ポリゴンのオプションを設定 var polygonOptions = { path: points, strokeWeight: 2, strokeColor: "#ff0000", strokeOpacity: 0.5, fillColor: "#ff0000", fillOpacity: 0.3, title:"ポリゴン" }; // ポリゴンを設定 var polygon = new google.maps.Polygon(polygonOptions); polygon.setMap(mapObj); // クリック処理・吹き出しのコメント設定 google.maps.event.addListener(polygon, 'click', function() { new google.maps.InfoWindow({ content: '品川testホテル<br>〒141-0001<br>東京都品川区', maxWidth : 200, position: new google.maps.LatLng(30.622401694889774, 138.72735120224) }).open(mapObj); }); //polygonのみ最初から吹き出しを表示させる(擬似的にクリックイベントを発生させる) google.maps.event.trigger(polygon,'click'); }); //--> </script> 【CSS】 #gmap { width: 630px; height: 300px; margin-left: 30px; border: #ccc 1px solid; } ※緯度・軽度は正確ではありません。申し訳ありません。 ※地図の前後にはfloatが掛かったコンテンツがあります。(clearfixで解除済み) ※専門用語はよく分からないので、出来るだけ分かるように記載頂けると幸いです。

  • Google Maps API のマーカー表示について

    Google Maps API のマーカー表示について → http://www.smatch.jp/A030990066308854/map/ のような地図でマーカーが表示されていますが 、地図を移動させても新たにマーカーが表示されます。 これは、移動する毎に座標などをもとにマーカーの情報を読み込ませているのでしょうか? それとも、初回表示時に全て(全国)のマーカーの情報を読み込ませているのでしょうか? どちらの方法で実現できているのでしょうか?

    • ベストアンサー
    • AJAX

専門家に質問してみよう