google.maps.event.addDomListener(window, 'load', function() {
  var mapdiv = document.getElementById('map_canvas');   // 緯度経度をHTMLから取得
  var name = document.getElementById('name');   // 名前を取得
  var add = document.getElementById('add');   // 住所を取得
  var tel = document.getElementById('tel');   // 電話番号を取得
  var code = mapdiv.innerHTML.split(",");
  var latlng = new google.maps.LatLng(code[0],code[1]); // 緯度経度を指定
  var myOptions = {
    zoom: 15,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    scaleControl: true
  };
  var map = new google.maps.Map(mapdiv, myOptions);
  var contentString =
    '<div id="mapcontent" style="font-size:12px;color:#000;overflow:hidden;">'+
    '<p><b>' + name.innerHTML + '</b><br />' +
    add.innerHTML + '<br />'+
    tel.innerHTML + '</p>'+
    '</div>';
  var infowindow = new google.maps.InfoWindow({
    content: contentString
  });
  var icon = new google.maps.MarkerImage(
'http://sobajin.toured.jp/images/marker.png',
    new google.maps.Size(34,45),   // アイコン画像のサイズ横×縦
    new google.maps.Point(0,0),    // 0,0でいいと思う
    new google.maps.Point(17,45) // アイコン画像のどの位置を地図上に指し示すか
  );
  var shadow = new google.maps.MarkerImage(
    'http://sobajin.toured.jp/images/shadow.png',
    new google.maps.Size(57,45),
    new google.maps.Point(0,0),
    new google.maps.Point(17,45)
  );
  var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    icon: icon,
    shadow: shadow
  });
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
});

