【超簡単】Googleマップを白黒(モノクロ)で出力する方法 |
Googleマップを白黒する方法が知りたくて色々調べたんですが、分かりにくい記事が多かったので、シンプルかつ、一番簡単に設置するために書くことにしました。 和風な店舗ホームページ制作の時にGoogleマップの表示はやっぱりモノクロがしっくりきます。 後はモダンなWebサイトデザインだったりとか。 普通のカラーは嫌だ！モノクロがいいわ！という方におすすめな方法です。 JSを用意する インラインで書いてもいいですし、外部から読み込んでもどっちでもいいんですが、下記コードをコピーしてmap.jsとかでjsファイルを作ってください。 function initialize() { var latlng = new google.maps.LatLng(35.685175, 139.752799); var opts = { zoom: 17, center: latlng, mapTypeCont
Google Maps APIを使って複数のマーカーと吹き出しを設置してみる ｜ Tips Note by TAM
Google Maps APIを使って、地図を表示したりマーカーを立てたりをやってみます。 今回使用するのは、以下のJavaScript API になります。 Google Maps JavaScript API | Google Developers ■目次 Google マップの表示 Google マップにマーカーを立てる マーカーに吹き出しを追加する 住所から緯度と経度を調べる Google マップに複数のマーカーを立てる 1. Google マップの表示 まずは地図を埋め込んでみます。 実際に使用する場合はAPIキーを取得したほうがよいですが、今回は動作の確認ができればよいので省略します。 APIキーを使用する場合は、こちらからAPIを有効にして、APIキーを作成して下さい。 1-1. 地図を埋め込む場所を指定 ■HTML <div id="sample"></div> 1-2.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
