ここから質問投稿すると、最大4000ポイント当たる!!!! >>

Google Mapの画面を自由にカスタマイズ出来るStyled Maps Wizardで
道路の色を変えたり地名や表記を消すところまで出来ましたが
それを出力する手段が分かりません。

参考にしているサイト
http://lopan.jp/google-maps-api/

↑このサイトの下の方で
3.「これでよし」となったら「Show JSON」ボタンをクリックして、コードを書き出します。

で、私はコードを書き出しました…。

4.生成されたコードの[]の中身(2行めから最後から2行めまで)を下記へコピペしたらできあがり

となっているのですが、「下記へコピペ」となっていて
「ここへコピペ」とかいてある画面自体があるのですが、よく分かりません。

Styled Maps Wizard画面の右側の「Show Json」のあるパレットを右クリック
「ページのソースを表示」するとソレらしい画面が出て来るのですが
どこへ?どのようにして?JSONコードを貼り付けたらよいのか?

また「Show Json」の横の「Static Map」ボタンを押すと
目的の地図の小画面が出てきて、その画像のアドレスをクリックして
更にその地図上で右クリックすると「検証」とありそれをクリックすると
「何やらソレらしき画面」が出て来るものの、何をどうしたらよいのか?
サッパリわかりません。

あと、リンク先の地図の大きさが640×480で小さいのですが
せめて2000×1000ぐらいは欲しいです。
何か設定があるのでしょうか?

質問者からの補足コメント

  • ご回答ありがとうございました。
    もし、お時間があれば、もう少し手順を教えていただけませんか?
    上記の項目らしきところを削除してコピーしたJsonコードを貼り付けようとしても
    何も起こりませんでした。(私のやっている事が的外れなのかもしれません)

    もしくは発想を変えて、自分好みのマップ設定をした後、
    Google Maps API Styled Map Wizardの両サイドにあるパレットを消す事が出来たら
    後はその画面をスクリーンショットして保存出来てもいいのですが
    いかがでしょうか。

    No.1の回答に寄せられた補足コメントです。 補足日時:2016/06/09 08:09
  • 素人ですみません。
    >JavaScript + HTML、をコピーしてメモ帳に貼り付けます、
     貼り付けました。
    >Styled Maps Wizardのデータを入れ替えます、
     入れ替える?? 何をどのようにしたら入れ替える事になるのでしょうか?
     入れ替えるという”その作業”が私には分からないのですが…。(;^_^A
    >自分のAPI キーをYOUR_API_KEYの所に書き込み完成です、
     これは先にメモに張り付けた文字の下の方に「YOUR_API_KEY」があるのですが
     その部分に自分のAPI キーを貼り付けるのですか?
    >拡張子txtをhtmlにします。
     そのメモ帳の拡張子をhtmlに変えてどこかへ保存するのですか?
     あともう少し補足を頂けたら幸いです。m(_ _;)m
     その際、もし出力する地図の大きさを変更出来るなら
     どこをどのようにすればよいでしょうか?

    No.2の回答に寄せられた補足コメントです。 補足日時:2016/06/11 10:06
  • ご回答ありがとうございました。
    全くの無知したが何とか出来ました!(^。^;)
    Jsonコードのコピーは頭にありましたが、APIキーの事すら知らず
    Jsonコードと混同して苦戦しておりました。(>_<)
    最後にもう1問だけお願いいたします。
    地図をカスタマイズしたhtmlファイルが出来たのはいいのですが
    ニューヨークのブルックリンから始まるので地元に変更したいのですが
    どの手順でもって、どの様にすればよいでしょうか?m(_ _;)m

      補足日時:2016/06/11 17:11

このQ&Aに関連する最新のQ&A

A 回答 (4件)

Simple styled maps


https://developers.google.com/maps/documentation …
このページの、
JavaScript + HTML、をコピーしてメモ帳に貼り付けます、
Styled Maps Wizardのデータを入れ替えます、
自分のAPI キーをYOUR_API_KEYの所に書き込み完成です、
拡張子txtをhtmlにします。


(Google Maps API Styled Map Wizardの両サイドにあるパレットを消す事が出来たら
後はその画面をスクリーンショットして保存出来てもいいのですが
いかがでしょうか。)
これは、良く解りません、データ作成用のものではと思います。
この回答への補足あり
    • good
    • 1

この場所です、



var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: 40.674, lng: -73.946}, // Brooklyn.
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId]
}

Google マップ 熊本市
https://www.google.co.jp/maps/place/熊本県熊本市/@32.8073624,130.7150135,11z/
zoom: 14,
center: {lat: 32.8073624, lng: 130.7150135}, // Kumamon.
「Google Mapの文字を消すStyl」の回答画像4
    • good
    • 0
この回答へのお礼

図説のご回答ありがとうございました。
おかげさまでようやく完成までこぎつけました!(^_^)

>center: {lat: 32.8073624, lng: 130.7150135}, // Kumamon.

何となくここの緯度経度を変更する想像は付いていたのですが
図説があったおかげで明確になりました!
ありがとうございました!!\(^o^)/!

お礼日時:2016/06/12 09:17

先にも書きましたが、


真ん中辺りのこれが設定項目です
{
stylers: [
{hue: '#890000'},
{visibility: 'simplified'},
{gamma: 0.5},
{weight: 0.5}
]
},
{
elementType: 'labels',
stylers: [{visibility: 'off'}]
},
{
featureType: 'water',
stylers: [{color: '#890000'}]
}
削除して自分のデータをコピー&ペーストします。


取得したキー
AI******Rv_dA******oU_7**5-V**L-*****TI

----------key=YOUR_API_KEY&signed-----------
コピー&ペースト
----------key=AI******Rv_dA******oU_7**5-V**L-*****TI&signed-----------
その通りです。


適当なフォルダに置いとけば良いと思います。
KKKKK.htmlファイルをクリックすれば、自分が決めたGoogle Mapが出ます、
普通のWEB Google Mapです。

あなたが、参考にしているサイト、
http://lopan.jp/google-maps-api/
下の方、スタイルサンプルスニペットの、どれかを別窓で開くをクリックしてみて下さい、
自由に使えると思います、同じ事です。
「Google Mapの文字を消すStyl」の回答画像3
    • good
    • 1

ここのサンプルなら解りやすいと思います


https://developers.google.com/maps/documentation …
真ん中辺りのこれが設定項目です
{
stylers: [
{hue: '#890000'},
{visibility: 'simplified'},
{gamma: 0.5},
{weight: 0.5}
]
},
{
elementType: 'labels',
stylers: [{visibility: 'off'}]
},
{
featureType: 'water',
stylers: [{color: '#890000'}]
}
削除すれば普通の地図です、入れ替えるだけです。
「Google Mapの文字を消すStyl」の回答画像1
この回答への補足あり
    • good
    • 1

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QGoogle Earth 画面上のアイコンを消したい

Google Earth 画面上でマチュピチュなど有名観光地には、地名とかカメラとかのアイコンが密集して肝心の画像が見えません。このアイコンを消す表示操作などありましたら教えていただきたいのですが……。

Aベストアンサー

デフォルトの状態だと左下に「レイヤー」があります。

カメラのアイコンは[ギャラリー] - [旅行と観光]、地名は[境界線や地名]のチェックを外せば表示されなくなります。

建物の3D表示もここで設定できます。

Qgoogleやyahooの地図を切り取って加工

googleやyahooの地図を切り取って加工
そしてそれをプリントアウト または
自作HPに張り付けることはできますか?

OS:vista

Aベストアンサー

1.目的のGoogleやYahoo!地図を画面に表示させる。
2.キーボードのF11で、全画面にする。
3.キーボードのPrtScm/SysRqを押す。(一見、何の変化も起こりません)
4.ペイントを開く
(ペイントは、スタート>すべてのプログラム>アクセサリー のメニューにあります。
 事前にペイントを開いて、準備しておくと便利です)
5.ペイント画面で、上段のメニューバーの「編集」をクリックし、「貼り付け」をクリック。
6.ペイント画面に地図が表示されます。
7.ペイント画面の左欄のツールで加工してから、保存してもよいのですが、
  一応、このまま保存しましょう。
8.ペイント画面のメニューバーで「ファイル」>「名前をつけて保存」
9.「名前をつけて保存」画面で、「保存する場所」「ファイル名」「ファイルの種類」を決めて「保存」
10.これで、画像が保存されました。
11.あとは加工ですが、保存された画像を右クリックで、「プログラムから開く」で、プログラムを選び、開きます。そしてトリミングその他の様々な加工をします。
以上です。
加工した画像ファイルは、プリントアウトしたりHPに張り付けたり自在です。

1.目的のGoogleやYahoo!地図を画面に表示させる。
2.キーボードのF11で、全画面にする。
3.キーボードのPrtScm/SysRqを押す。(一見、何の変化も起こりません)
4.ペイントを開く
(ペイントは、スタート>すべてのプログラム>アクセサリー のメニューにあります。
 事前にペイントを開いて、準備しておくと便利です)
5.ペイント画面で、上段のメニューバーの「編集」をクリックし、「貼り付け」をクリック。
6.ペイント画面に地図が表示されます。
7.ペイント画面の左欄のツールで加工してか...続きを読む

Qイラストレーターに取り込んだ画像の白い部分を透明にできますか?

例えば図面などのデータがあったとした場合、その線の部分、つまり黒い部分だけを残し、残りの白紙部分を全て透明にすることはできますか?
以前フォトショップで白紙部分をDeleteして透明にし、それをtifで保存すればイラストレーターに持ってきてもその部分は透明なまま作業ができると聞いたことがあったのですが、やってみてもできませんでした。
画像の白紙部分を簡単に透明にできる方法がありましたら教えていただければと思います。

Aベストアンサー

Illustrator 上に、すでに配置されている白黒画像であれば、画像を選択して、透明を「乗算」 に変更してみてください。
画像の下のパスが、透けて見えます。

Qクリッピングマスクの枠の外を取り除く方法

illustratorでクリッピングマスクをすると枠外の余計な部分を見えなくすることができますが、この枠外の部分を分解して削除する方法はないのでしょうか?

できれば目に見えている部分だけ、さらには線なども面として扱えるように一発でなればうれしいのですが・・・

そんな便利の機能はございませんでしょうか?
ラスタライズ化以外で教えていただけるとありがたいです。

どうかよろしくお願いいたします。

Aベストアンサー

解答者の皆様冷静にアドバイスをしましょう。
質問は、クリッピングマスクで余計な周りの透明な物がいらないと言う質問かと思います。
なぜ、そうするのか分かりませんが。
レイアウトをする上でじゃまになるからだと思いますが。
普通は、レイヤー機能かで分類しロックなどをするとじゃまにはなりませんよ。

別名保存でEPSにして新規ファイルに貼り付ければマスクした所だけが配置されます。
修正するには、もとデータで修正しなければなりませんが・・・。

Q「いずれか」と「いづれか」どっちが正しい!?

教えて下さいっ!
”どちらか”と言う意味の「いずれか」のかな表記として
「いずれか」と「いづれか」のどちらが正しいのでしょう???

私は「いずれか」だと思うんですが、辞書に「いずれか・いづ--。」と書いてあり、???になってしまいました。
どちらでもいいってことでしょうか?

Aベストアンサー

「いずれか」が正しいです.
「いづれ」は「いずれ」の歴史的かな遣いですので,昔は「いづれ」が使われていましたが,現代では「いずれ」で統一することになっていますので,「いずれ」が正しいです.

Qパーセンテージの出し方

パーセンテージの出し方をおしえてください

Aベストアンサー

主人公÷母体×100

Qイラストレーターのアウトライン化の解除方法??

ウィンドウズのイラストレーターの機能についての質問です。
アウトライン化がすでに実行されている文字の修正をする場合に、アウトライン化の解除はどうようにすれば出来るのでしょうか??
いろいろな本をみると、一度アウトライン化を実行すると、解除ができないと記載されていました。
ご指導頂きたくお願い申し上げます。

Aベストアンサー

それらの本に書かれている通り、一度アウトライン化をすると元には戻せません。

ただし、Ctrl+zやコマンド+zなどで作業を一つ前に戻すなどが出来るので
間違えたり、やり直したかった場合はそれで対処するしかないですね。

アウトライン化したデータを保存してしまった場合はどうやっても解除できないので
アウトライン化したデータを作った場合はアウトラインする前のデータも
別名保存などで残すのが一般的です。

Qエクセルで打ち込んだ数字を自動で別シートに表示したい

エクセルでセルに打ち込んだ数字を自動で別シートに表示できる方法があれば、教えてください。

例えば、シート1のC1に5を打ち込んだら、シート2のD2にシート1で打ち込んだ5が自動で表示される。

また1列すべてを自動で表示させる場合、一つのセルの時と違いがありましたら教えてください。よろしくお願いします。

Aベストアンサー

こんばんは。
入力したセルの値を合計とかでなくて、
純粋に別のシートに自動的に表示したいのであれば、
以下の方法があります。

1.1つのセルだけの場合
例)シート1のC1に5を打ち込んだら、
  シート2のD2にシート1で打ち込んだ5が自動で表示される

⇒シート2のD2のセルをアクティブにして「=」を入力
 した後、シート1のC1をクリックする。
 そうするとD2のセルに「=Sheet1!C1」と表示され、値が自動的に
 表示されるようになります。

2.1列全てコピーしたい場合。
  コピー&リンク貼り付けを使うと便利です。

例)例)シート1のC1~C5に何かを入力したら、
  シート2のD2~D7にシート1で打ち込んだものが自動で表示される

  シート1にあるコピー元のセルを範囲選択して、
  シート2のD2の上で「右クリック」⇒「形式を選択して貼り付け」
  をクリックします。

  そして出てきた小さな画面の左下にある「リンク貼り付け」という
  ボタンをクリックすると完成です。
  試してみてください。。

  念のためにリンク貼り付けを図解しているURLを載せておきます。
  参考にしてみてくださいね。。
  http://www.geocities.jp/office_inoue/excel/eq21.htm

こんばんは。
入力したセルの値を合計とかでなくて、
純粋に別のシートに自動的に表示したいのであれば、
以下の方法があります。

1.1つのセルだけの場合
例)シート1のC1に5を打ち込んだら、
  シート2のD2にシート1で打ち込んだ5が自動で表示される

⇒シート2のD2のセルをアクティブにして「=」を入力
 した後、シート1のC1をクリックする。
 そうするとD2のセルに「=Sheet1!C1」と表示され、値が自動的に
 表示されるようになります。

2.1列全てコピーしたい場合。
  コ...続きを読む

QJWcadをPDFファイルに変換するにはどうしたらよいですか?

今、JWcadを使用しているのですが、PDFファイルに変換するのに手間がかかって困っています。
手順としてはこんな感じでやっております。JWcadにてDXFかjwcかに変換→ベクターワークスにてJPEGに→イラストレーターにてPDFに変換といった具合です。この場合ですと、レイヤー分けしている分が全て表示したままPDFに持っていく事となり、レイヤーを一つずつ取り出さないといけない感じです。かといって、DXFをそのままイラストレーターで開くと縮尺がおかしくなってしまいます。(前述も縮尺はおかしくなってしまいますが・・・)
他にはベクターワークスでEPSFファイルに変換後イラストレーターにという手順も行ってみたのですが、なぜか文字化けしますしレイヤーもごっちゃになってしまいます。
なにか良い方法はないでしょうか?よろしくお願いします。

Aベストアンサー

PDFに変換するソフトを使ってはいかがでしょうか?フリーソフトでもいくつかあります。
私は市販のソフトですが「いきなりPDF」でJWcadの図面をPDF化してます。印刷時にプリンタの設定画面で「いきなりPDF」に設定するだけだから、いちいちデータ変換する手間も無く便利ですよ。

QPDFが(保護)になって印刷できない!

お世話様です。PDFを印刷しようとしたところ、印刷できません。よくよく見てみたら、上部のバーに「保護」という文字が出ています。それを解除して印刷できる方法はないでしょうか?ご教示下さい。

Aベストアンサー

PDFを画面に表示させて、キーボードの「Print Screen」キーを押す。
スタート>アクセサリ>ペイントを起動させ、編集>貼り付けを行う。

添付は実際にやった例


人気Q&Aランキング