<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs  title="山旅マップ" description="山旅の情報を表示します。" author="Shingo Ishizumi" author_email="s.ishizumi@gmail.com" height="150" screenshot="http://yama-tabi.net/map/google/mapplets/sc_yama_map.png" thumbnail="http://yama-tabi.net/map/google/mapplets/tm_yama_map.png" author_location="kyoto,japan"  author_affiliation="None" title_url="http://yama-tabi.net/map/google/index.php">
  <Require feature="sharedmap"/>
  <Require feature="analytics" />
</ModulePrefs>
<Content type="html"><![CDATA[

<small>
山旅マップ<br /><br />
　<a href="javascript:createMap(36.562599, 136.3623, 5, 'http://yama-tabi.net/map/google/jp100ym.xml');">日本百名山</a><br />
　<a href="javascript:createMap(0.70313,   27.6835,  1, 'http://yama-tabi.net/map/google/sekai100ym/sekai100ym.xml');">世界百名山</a><br />
　<a href="javascript:createMap(35.5289,   135.3804,10, 'http://yama-tabi.net/map/google/nkyoto_ym.xml');">京都府北部の山</a><br />
  <br />
　<a href="javascript:createMap(36.520673, 137.6806,11, 'http://yama-tabi.net/yamagoya/data/kita_alps_map01.xml');">北アルプスの山小屋</a><br />
　<a href="javascript:createMap(35.554574, 138.2032,11, 'http://yama-tabi.net/yamagoya/data/minami_alps_map01.xml');">南アルプスの山小屋</a><br />
　<a href="javascript:createMap(35.661759, 137.6408,10, 'http://yama-tabi.net/yamagoya/data/tyuuou_alps_map01.xml');">中央アルプスの山小屋</a><br />
　<a href="javascript:createMap(36.045212, 138.2643,11, 'http://yama-tabi.net/yamagoya/data/yatugadake_map01.xml');">八ヶ岳周辺の山小屋</a><br />
<br />
<a href="http://yama-tabi.net/" target="yama">もっと、遥かな山旅を</a>
</small>

<script>
var map = new GMap2();

icon1 = new GIcon();
icon1.image  = "http://yama-tabi.net/map/google/mapplets/tent02.png";
icon1.shadow = "http://yama-tabi.net/map/google/mapplets/tent02_shadow.png";
icon1.iconSize = new GSize(20, 16);
icon1.shadowSize = new GSize(35, 20);
icon1.iconAnchor = new GPoint(10, 16);
icon1.infoWindowAnchor = new GPoint(5, 1);

icon2 = new GIcon();
icon2.image = "http://yama-tabi.net/map/google/mapplets/mm_20_red.png";
icon2.shadow = "http://yama-tabi.net/map/google/mapplets/mm_20_shadow.png";
icon2.iconSize = new GSize(12, 20);
icon2.shadowSize = new GSize(22, 20);
icon2.iconAnchor = new GPoint(6, 20);
icon2.infoWindowAnchor = new GPoint(5, 1);

icon3 = new GIcon();
icon3.image = "http://yama-tabi.net/map/google/mapplets/koya01.png";
icon3.shadow = "http://yama-tabi.net/map/google/mapplets/koya01_shadow.png";
icon3.iconSize = new GSize(18, 16);
icon3.shadowSize = new GSize(35, 20);
icon3.iconAnchor = new GPoint(10, 16);
icon3.infoWindowAnchor = new GPoint(5, 1);

createMap(36.562599, 136.3623, 5, "http://yama-tabi.net/map/google/jp100ym.xml");

function createMap(lat, lng, z, url) {

  map.clearOverlays();
  map.setCenter(new GLatLng(lat, lng), z);
  // Render the red train line and stations from a remote XML file
  _IG_FetchXmlContent(url, function(response) {

    Point    = response.getElementsByTagName("Point");
    Name     = response.getElementsByTagName("Name");
    Position = response.getElementsByTagName("Position");
    Photo    = response.getElementsByTagName("Photo");

    for (var i = 0; i < Point.length; i++) {
      var marker1   = Point[i].getAttribute("marker");
      var no        = Point[i].getAttribute("No");
      var x         = Position[i].getAttribute("x");
      var y         = Position[i].getAttribute("y");
      var url       = Name[i].getAttribute("url");
      var name      = Name[i].firstChild.nodeValue;
      var height    = Position[i].getAttribute("height");
      var p_url     = Photo[i].getAttribute("url");
      var thumbnail = Photo[i].getAttribute("thumbnail");
     createMarker(marker1, no, x, y, url, name, height, p_url, thumbnail);
    }
  });
}

function createMarker(marker1, no, x, y, url, name, height, p_url, thumbnail) {

  var h_str;
  if (height != "") h_str = "(" + height + "m)";
  else              h_str = "";

  var frame;
  frame = "http://yama-tabi.net/map/google/mapplets/yama_map01.htm?no="+ no + "&url=" + encodeURIComponent(url) + "&name=" + encodeURIComponent(name) + "&hi=" + height + "&p_url=" + encodeURIComponent(p_url) + "&tm=" + encodeURIComponent(thumbnail) + "&";

  var html;

  html = '<iframe src="' + frame + '" scrolling="no" frameborder="0" width="200" height="150" marginwidth="0" marginheight="0">この部分はインラインフレームを使用しています。</iframe>';

  var point = new GLatLng(y, x);

  switch (marker1) {
  default:
    var marker = new GMarker(point);
    break;
  case "tent":
    var marker = new GMarker(point, {icon:icon1});
    break;
  case "root":
    var marker = new GMarker(point, {icon:icon2});
    break;
  case "koya":
    var marker = new GMarker(point, {icon:icon3});
    break;
  }

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  map.addOverlay(marker);
}

_IG_Analytics("UA-427479-1", "/yamatabimapplet");
</script>

]]></Content>
</Module>
