グーグルマップ リンク画像のズーム倍率の調整

昨日に引き続き、グーグルマップのリンク方法です。

グーグルマップのリンクコードは、リンクボタンを押せば、

簡単に取得できました。

まずは、今日はマップの大きさを変更してみました。

大きな地図で見る

やり方は、赤枠部分、

「ウェブサイトへの地図埋め込み用 HTML コード」の下の、

「埋め込み地図のカスタマイズとプレビュー」をクリックすると、

この画面で、大きさを選択するか、カスタムで、

好きな大きさにできます。

そしてここからが、今日の本題。

リンクした画像をもう少し、アップさせたとこで、リンクさせたいときです。

iframe width=”425″ height=”275″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”https://maps.google.co.jp/maps?f=q&source=s_q&hl=ja&geocode=&q=%E6%B5%85%E8%8D%89%E5%AF%BA&aq=&sll=36.5626,136.362305&sspn=36.841432,65.390625&t=h&brcurrent=3,0x60188ec2047f5333:0x7c84fd3881c74067,0&ie=UTF8&hq=%E6%B5%85%E8%8D%89%E5%AF%BA&ll=35.714636,139.79682&spn=0.009582,0.018282&z=15&iwloc=A&output=embed”>
a href=”https://maps.google.co.jp/maps?f=q&source=embed&hl=ja&geocode=&q=%E6%B5%85%E8%8D%89%E5%AF%BA&aq=&sll=36.5626,136.362305&sspn=36.841432,65.390625&t=h&brcurrent=3,0x60188ec2047f5333:0x7c84fd3881c74067,0&ie=UTF8&hq=%E6%B5%85%E8%8D%89%E5%AF%BA&ll=35.714636,139.79682&spn=0.009582,0.018282&z=15&iwloc=A” style=”color:#0000FF;text-align:left”>大きな地図で見る

&z=15　というコードがあると、数字を変更すれば、

ズーム倍率を調整できますが、今回はありませんでした。

「&sspn=36.841432,65.390625」の部分が、表示範囲指定値です。

世界測地系のdegree度単位で表示されていますが、

わからなくても問題ありません。

「&sspn=」と、「&z=」は同時には使えないようですので、

「&sspn=36.841432,65.390625」を、

「&z=18」に変更してみました。

すると、

大きな地図で見る

なんか、いい感じになりました。

　

◆あなたの成功を応援しています！

お名前
メールアドレス
パスワード