アメブロにGoogleマップを挿入することができるようになりましたｗ
やり方は簡単で、アメブロ設定のフリープラグインを利用するのですが、手順は
①ブログトップ画面の「マイページ」クリック----------------------------
②左メニューの中央部にある「管理トップ」クリック-------------------------
③左メニュー画面の「設定管理」クリック-------------------------
④中央に表示されるサイドバーの設定・管理の一番下にあるフリープラグインの「編集」をクリック-------------------------
⑤したの赤丸で示したエリアに⑥で記載されているHTMLをコピぺする。--------
⑥Googleマップ表示HTML-------------------------
↓ここから
<html>
<head>
</center><form name="myform">
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
var map;
function init() {
//---
zo=12; //拡大縮小
a0=44.332; //緯度中央
n0=142.20625; //経度中央
Mr=300 + "px"; //マップ横幅
Mv=400 + "px"; //マップ縦幅
//---
document.getElementById("map").style.width=Mr;
document.getElementById("map").style.height=Mv;
var latlng = new google.maps.LatLng(a0, n0);
var opts = {
zoom: zo,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: latlng,
//---
mapTypeControl: true,
scrollwheel: true, //マウスホイールでのズームの無効化
draggable:true, //マウスでの地図移動無効化
disableDoubleClickZoom: true, //マウスダブルクリックでのズームの無効化
scaleControl: true //スケールの表示
//---
};
map = new google.maps.Map(document.getElementById("map"), opts);
};
google.maps.event.addDomListener(window, 'load', init);
</script>
</head>
<div id="map" style="width:300px ; height:300px" ></div>
</html>
⑦表示したいマップの設定変更--------------------------
上記のHTMLの中に
と書いてあるのですが、ここの数字を変化させることによりマップの拡大縮小、マップの位置、マップの表示の大きさ（アメブロのサイドバーですと横幅はこのままが良いと思います）を変えることが出来ます。
○朱鞠内湖○
メモ帳を開いて用意し、上記のHTMLをコピーしてメモ帳に貼り付け、ファイル名は適当で、拡張子をtxtではなく、ｈｔｍｌにし任意の場所に保存
---例---
保存したhtmlファイルをダブルクリックすれば地図が表示されますのでズーム具合等確認するのに便利です。
以上です。