blog/content/post/2009-07-05-00001192.md

---
title: 銀座ルノアールの場所をマッピング
author: kazu634
date: 2009-07-05
url: /2009/07/05/_1290/
wordtwit_post_info:
  - 'O:8:"stdClass":13:{s:6:"manual";b:0;s:11:"tweet_times";i:1;s:5:"delay";i:0;s:7:"enabled";i:1;s:10:"separation";s:2:"60";s:7:"version";s:3:"3.7";s:14:"tweet_template";b:0;s:6:"status";i:2;s:6:"result";a:0:{}s:13:"tweet_counter";i:2;s:13:"tweet_log_ids";a:1:{i:0;i:4693;}s:9:"hash_tags";a:0:{}s:8:"accounts";a:1:{i:0;s:7:"kazu634";}}'
categories:
  - Perl

---
<div class="section">
<p>
    暫定的に完成しました: <a href="http://simoom634.sakura.ne.jp/gmap/test.html" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://simoom634.sakura.ne.jp/gmap/test.html', '銀座ルノアール');" target="_blank">銀座ルノアール</a>
</p>

<h4>
    Perlのコード
</h4>

<pre class="syntax-highlight">
<span class="synComment"># === Libraries ===</span>
<span class="synStatement">use strict</span>;
<span class="synStatement">use warnings</span>;
<span class="synStatement">use </span>URI;
<span class="synStatement">use </span>Web::Scraper;
<span class="synStatement">use </span>YAML;
<span class="synStatement">use </span>Data::Dumper;
<span class="synStatement">use </span>Encode;
<span class="synStatement">use utf8</span>;
<span class="synStatement">use </span>HTML::Template;
<span class="synComment"># use encoding &#34;utf8&#34;, STDOUT =&#62; &#34;utf8&#34;;</span>
<span class="synStatement">use </span>Geography::AddressExtract::Japan;
<span class="synStatement">use </span>WebService::Simple;
<span class="synStatement">my</span> <span class="synIdentifier">@address</span>;
<span class="synStatement">my</span> <span class="synIdentifier">@array</span>;
<span class="synComment"># === Main part ===</span>
<span class="synStatement">my</span> <span class="synIdentifier">$frame</span> = scraper {
process <span class="synConstant">'//td[@class=&#34;line_a&#34; and @bgcolor=&#34;#ffffff&#34;]//a'</span>,
<span class="synConstant">'shop[]'</span> =&#62; <span class="synConstant">'@href'</span>;
};
<span class="synStatement">my</span> <span class="synIdentifier">$res</span> =
<span class="synIdentifier">$frame</span>-&#62;scrape( URI-&#62;<span class="synStatement">new</span>(<span class="synConstant">&#34;http://www.ginza-renoir.co.jp/renoir/index.htm&#34;</span>) );
<span class="synStatement">foreach</span> <span class="synStatement">my</span> <span class="synIdentifier">$x</span> ( @{ <span class="synIdentifier">$res</span>-&#62;{shop} } ) {
<span class="synStatement">my</span> <span class="synIdentifier">$part</span> = scraper {
process
<span class="synConstant">'/html[1]/body[1]/center[2]/center[1]/table[1]/tbody[1]/tr[1]/td[2]/table[1]/tbody[1]/tr[1]/td[1]/table[1]/tbody[1]/tr[1]/td[1]/table[@class=&#34;size2&#34;]/tbody[1]/tr[1]/td[2]'</span>,
<span class="synConstant">'shop'</span> =&#62; <span class="synConstant">'TEXT'</span>;
process
<span class="synConstant">'/html[1]/body[1]/center[2]/center[1]/table[1]/tbody[1]/tr[1]/td[2]/table[1]/tbody[1]/tr[1]/td[1]/table[1]/tbody[1]/tr[1]/td[1]/table[@class=&#34;size2&#34;]/tbody[1]/tr[3]/td[2]'</span>,
<span class="synConstant">'address'</span> =&#62; <span class="synConstant">'TEXT'</span>;
};
<span class="synStatement">my</span> <span class="synIdentifier">$result</span> = <span class="synIdentifier">$part</span>-&#62;scrape( URI-&#62;<span class="synStatement">new</span>(<span class="synIdentifier">$x</span>) );
<span class="synStatement">foreach</span> <span class="synStatement">my</span> <span class="synIdentifier">$addr</span> ( <span class="synIdentifier">$result</span>-&#62;{address} ) {
<span class="synStatement">my</span> <span class="synIdentifier">$t</span>    = Geography::AddressExtract::Japan-&#62;extract(<span class="synIdentifier">$addr</span>);
<span class="synStatement">my</span> <span class="synIdentifier">$work</span> = <span class="synIdentifier">$t</span>-&#62;[<span class="synConstant"></span>]-&#62;{<span class="synConstant">&#34;city&#34;</span>} . <span class="synIdentifier">$t</span>-&#62;[<span class="synConstant"></span>]-&#62;{<span class="synConstant">&#34;aza&#34;</span>} . <span class="synIdentifier">$t</span>-&#62;[<span class="synConstant"></span>]-&#62;{<span class="synConstant">&#34;number&#34;</span>};
<span class="synStatement">my</span> <span class="synIdentifier">$latlng</span> = <span class="synIdentifier">&#38;getLatLng</span>(<span class="synIdentifier">$work</span>);
<span class="synStatement">my</span> ( <span class="synIdentifier">$lng</span>, <span class="synIdentifier">$lat</span> ) = <span class="synStatement">split</span>( <span class="synStatement">/</span><span class="synConstant">,</span><span class="synStatement">/</span>, <span class="synIdentifier">$latlng</span> );
<span class="synStatement">push</span>( <span class="synIdentifier">@array</span>, { <span class="synConstant">lat </span>=&#62; <span class="synIdentifier">$lat</span>, <span class="synConstant">lng </span>=&#62; <span class="synIdentifier">$lng</span> } );
}
}
<span class="synStatement">my</span> <span class="synIdentifier">$tmpl</span> = HTML::Template-&#62;<span class="synStatement">new</span>( <span class="synConstant">filename </span>=&#62; <span class="synConstant">'googlemap.tt'</span> );
<span class="synIdentifier">$tmpl</span>-&#62;param( <span class="synConstant">DATASET </span>=&#62; <span class="synIdentifier">\@array</span> );
<span class="synStatement">print</span> <span class="synIdentifier">$tmpl</span>-&#62;output;
<span class="synStatement">sub</span><span class="synIdentifier"> getLatLng() </span>{
<span class="synStatement">my</span> <span class="synIdentifier">$arg</span> = <span class="synStatement">shift</span>();
<span class="synStatement">my</span> <span class="synIdentifier">$geocode</span> = WebService::Simple-&#62;<span class="synStatement">new</span>(
<span class="synConstant">base_url </span>=&#62; <span class="synConstant">&#34;http://maps.google.com/maps/geo&#34;</span>,
<span class="synConstant">param    </span>=&#62; {
<span class="synConstant">output </span>=&#62; <span class="synConstant">'xml'</span>,
<span class="synConstant">hl     </span>=&#62; <span class="synConstant">'ja'</span>,
<span class="synConstant">ie     </span>=&#62; <span class="synConstant">'UTF8'</span>,
<span class="synConstant">oe     </span>=&#62; <span class="synConstant">'UTF8'</span>,
}
);
<span class="synStatement">my</span> <span class="synIdentifier">$response</span> = <span class="synIdentifier">$geocode</span>-&#62;get( { <span class="synConstant">q </span>=&#62; <span class="synIdentifier">$arg</span>, } );
<span class="synStatement">if</span> ( <span class="synIdentifier">$response</span>-&#62;parse_response()-&#62;{Response}-&#62;{Status}-&#62;{code} == <span class="synConstant">200</span> ) {
<span class="synStatement">return</span> <span class="synIdentifier">$response</span>-&#62;parse_response()-&#62;{Response}-&#62;{Placemark}-&#62;{Point}
-&#62;{coordinates};
}
<span class="synStatement">else</span> {
<span class="synStatement">return</span> <span class="synConstant">'Not Found, Not Found'</span>;
}
}
</pre>

<h4>
    テンプレート用のファイル
</h4>

<pre class="syntax-highlight">
<span class="synComment">&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.1//EN&#34; &#34;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&#34;&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">html</span><span class="synIdentifier"> xmlns=</span><span class="synConstant">&#34;http://www.w3.org/1999/xhtml&#34;</span><span class="synIdentifier"> xml:</span><span class="synType">lang</span><span class="synIdentifier">=</span><span class="synConstant">&#34;ja&#34;</span><span class="synIdentifier"> </span><span class="synType">lang</span><span class="synIdentifier">=</span><span class="synConstant">&#34;ja&#34;</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">head</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">title</span><span class="synIdentifier">&#62;</span>GoogleMaps Test<span class="synIdentifier">&#60;/</span><span class="synStatement">title</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">meta</span><span class="synIdentifier"> </span><span class="synType">name</span><span class="synIdentifier">=</span><span class="synConstant">&#34;Content-Type&#34;</span><span class="synIdentifier"> </span><span class="synType">content</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/html; charset=UTF-8&#34;</span><span class="synIdentifier"> /&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">script</span><span class="synIdentifier"> </span><span class="synType">type</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/javascript&#34;</span><span class="synIdentifier"> </span><span class="synType">src</span><span class="synIdentifier">=</span><span class="synConstant">&#34;http://maps.google.co.jp/maps?file=api</span><span class="synSpecial">&#38;#38;</span><span class="synConstant">v=2</span><span class="synSpecial">&#38;#38;</span><span class="synConstant">key=ABQIAAAAi7tMvJT0pMWzzgIPgaKRWhS4ltLnHR4dqto9lWrc1i-hPbZKVRRG70Vj11-gAnxyxcGtaalOIUBpBA&#34;</span><span class="synIdentifier"> </span><span class="synType">charset</span><span class="synIdentifier">=</span><span class="synConstant">&#34;utf-8&#34;</span><span class="synIdentifier">&#62;&#60;/</span><span class="synStatement">script</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">script</span><span class="synIdentifier"> </span><span class="synType">type</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/javascript&#34;</span><span class="synIdentifier">&#62;</span>
<span class="synSpecial">    </span><span class="synComment">//&#60;![CDATA[</span>
<span class="synSpecial">      </span><span class="synIdentifier">var</span><span class="synSpecial"> map;</span>
<span class="synSpecial">      </span><span class="synIdentifier">function</span><span class="synSpecial"> startUp</span>()<span class="synSpecial"> </span><span class="synIdentifier">{</span>
<span class="synSpecial">        map = </span><span class="synStatement">new</span><span class="synSpecial"> GMap2</span>(<span class="synSpecial"> </span><span class="synStatement">document</span><span class="synSpecial">.getElementById</span>(<span class="synConstant">&#34;mymap&#34;</span>))<span class="synSpecial">;</span>
<span class="synSpecial">        map.setCenter</span>(<span class="synSpecial"> </span><span class="synStatement">new</span><span class="synSpecial"> GLatLng</span>(35<span class="synSpecial">.</span>9072644<span class="synSpecial">, </span>139<span class="synSpecial">.</span>4841802)<span class="synSpecial">, </span>10<span class="synSpecial"> </span>)<span class="synSpecial">;</span>
<span class="synSpecial">        map.addControl</span>(<span class="synStatement">new</span><span class="synSpecial"> GSmallMapControl</span>())<span class="synSpecial">;</span>
<span class="synSpecial">        map.addControl</span>(<span class="synStatement">new</span><span class="synSpecial"> GMapTypeControl</span>())<span class="synSpecial">;</span>
<span class="synSpecial">&#60;TMPL_LOOP NAME=DATASET&#62;</span>
<span class="synSpecial">        createMarker</span>(<span class="synSpecial">&#60;TMPL_VAR NAME=lat&#62;, &#60;TMPL_VAR NAME=lng&#62;</span>)<span class="synSpecial">;</span>
<span class="synSpecial">&#60;/TMPL_LOOP&#62;</span>
<span class="synSpecial">        </span><span class="synIdentifier">function</span><span class="synSpecial"> createMarker</span>(<span class="synSpecial">lat, lng</span>)<span class="synSpecial"> </span><span class="synIdentifier">{</span>
<span class="synSpecial">          </span><span class="synIdentifier">var</span><span class="synSpecial"> mk = </span><span class="synStatement">new</span><span class="synSpecial"> GMarker</span>(<span class="synSpecial"> </span><span class="synStatement">new</span><span class="synSpecial"> GLatLng</span>(<span class="synSpecial">lat, lng</span>)<span class="synSpecial"> </span>)<span class="synSpecial">;</span>
<span class="synSpecial">          map.addOverlay</span>(<span class="synSpecial">mk</span>)<span class="synSpecial">;</span>
<span class="synSpecial">          GEvent.addListener</span>(<span class="synSpecial">mk, </span><span class="synConstant">&#34;click&#34;</span><span class="synSpecial">, </span><span class="synIdentifier">function</span>()<span class="synSpecial"> </span><span class="synIdentifier">{</span><span class="synSpecial"> mk.openInfoWindowHtml</span>(<span class="synSpecial"> </span><span class="synConstant">&#34;memo&#34;</span><span class="synSpecial"> </span>)<span class="synSpecial">;</span><span class="synIdentifier">}</span>)<span class="synSpecial">;</span>
<span class="synSpecial">        </span><span class="synIdentifier">}</span>
<span class="synSpecial">      </span><span class="synIdentifier">}</span>
<span class="synSpecial">  onload = startUp;</span>
<span class="synSpecial">  onunload = GUnload;</span>
<span class="synSpecial">  </span><span class="synIdentifier">&#60;/</span><span class="synStatement">script</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">style</span><span class="synIdentifier"> </span><span class="synType">type</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/css&#34;</span><span class="synIdentifier">&#62;</span>
<span class="synStatement">html</span>, <span class="synStatement">body</span> <span class="synIdentifier">{</span>
<span class="synType">width</span>: <span class="synConstant">100%</span>;
<span class="synType">height</span>: <span class="synConstant">100%</span>;
<span class="synIdentifier">}</span>
<span class="synStatement">html</span> <span class="synIdentifier">{</span>
<span class="synType">overflow</span>: <span class="synType">hidden</span>;
<span class="synIdentifier">}</span>
<span class="synStatement">body</span> <span class="synIdentifier">{</span>
<span class="synType">margin</span>: <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span>;
<span class="synType">padding</span>: <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">#top</span> <span class="synIdentifier">{</span>
<span class="synType">top</span>: <span class="synConstant">0px</span>;
<span class="synType">left</span>: <span class="synConstant">0px</span>;
<span class="synType">width</span>: <span class="synConstant">100%</span>;
<span class="synType">height</span>: <span class="synConstant">15%</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">#mymap</span> <span class="synIdentifier">{</span>
<span class="synType">width</span>: <span class="synConstant">80%</span>;
<span class="synType">height</span>: <span class="synConstant">100%</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">style</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">head</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">body</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">div</span><span class="synIdentifier"> </span><span class="synType">id</span><span class="synIdentifier">=</span><span class="synConstant">&#34;mymap&#34;</span><span class="synIdentifier">&#62;&#60;/</span><span class="synStatement">div</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">body</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">hr</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">body</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">html</span><span class="synIdentifier">&#62;</span>
</pre>

<h4>
    生成されるHTML
</h4>

<pre class="syntax-highlight">
<span class="synComment">&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.1//EN&#34; &#34;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&#34;&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">html</span><span class="synIdentifier"> xmlns=</span><span class="synConstant">&#34;http://www.w3.org/1999/xhtml&#34;</span><span class="synIdentifier"> xml:</span><span class="synType">lang</span><span class="synIdentifier">=</span><span class="synConstant">&#34;ja&#34;</span><span class="synIdentifier"> </span><span class="synType">lang</span><span class="synIdentifier">=</span><span class="synConstant">&#34;ja&#34;</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">head</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">title</span><span class="synIdentifier">&#62;</span>GoogleMaps Test<span class="synIdentifier">&#60;/</span><span class="synStatement">title</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">meta</span><span class="synIdentifier"> </span><span class="synType">name</span><span class="synIdentifier">=</span><span class="synConstant">&#34;Content-Type&#34;</span><span class="synIdentifier"> </span><span class="synType">content</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/html; charset=UTF-8&#34;</span><span class="synIdentifier"> /&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">script</span><span class="synIdentifier"> </span><span class="synType">type</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/javascript&#34;</span><span class="synIdentifier"> </span><span class="synType">src</span><span class="synIdentifier">=</span><span class="synConstant">&#34;http://maps.google.co.jp/maps?file=api</span><span class="synSpecial">&#38;#38;</span><span class="synConstant">v=2</span><span class="synSpecial">&#38;#38;</span><span class="synConstant">key=ABQIAAAAi7tMvJT0pMWzzgIPgaKRWhS4ltLnHR4dqto9lWrc1i-hPbZKVRRG70Vj11-gAnxyxcGtaalOIUBpBA&#34;</span><span class="synIdentifier"> </span><span class="synType">charset</span><span class="synIdentifier">=</span><span class="synConstant">&#34;utf-8&#34;</span><span class="synIdentifier">&#62;&#60;/</span><span class="synStatement">script</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">script</span><span class="synIdentifier"> </span><span class="synType">type</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/javascript&#34;</span><span class="synIdentifier">&#62;</span>
<span class="synSpecial">    </span><span class="synComment">//&#60;![CDATA[</span>
<span class="synSpecial">      </span><span class="synIdentifier">var</span><span class="synSpecial"> map;</span>
<span class="synSpecial">      </span><span class="synIdentifier">function</span><span class="synSpecial"> startUp</span>()<span class="synSpecial"> </span><span class="synIdentifier">{</span>
<span class="synSpecial">        map = </span><span class="synStatement">new</span><span class="synSpecial"> GMap2</span>(<span class="synSpecial"> </span><span class="synStatement">document</span><span class="synSpecial">.getElementById</span>(<span class="synConstant">&#34;mymap&#34;</span>))<span class="synSpecial">;</span>
<span class="synSpecial">        map.setCenter</span>(<span class="synSpecial"> </span><span class="synStatement">new</span><span class="synSpecial"> GLatLng</span>(35<span class="synSpecial">.</span>9072644<span class="synSpecial">, </span>139<span class="synSpecial">.</span>4841802)<span class="synSpecial">, </span>10<span class="synSpecial"> </span>)<span class="synSpecial">;</span>
<span class="synSpecial">        map.addControl</span>(<span class="synStatement">new</span><span class="synSpecial"> GSmallMapControl</span>())<span class="synSpecial">;</span>
<span class="synSpecial">        map.addControl</span>(<span class="synStatement">new</span><span class="synSpecial"> GMapTypeControl</span>())<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7320865<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7138439)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7321420<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7128801)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7331675<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7398948)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7080096<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7599332)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6197692<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7293858)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7067903<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6663186)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7081818<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6653381)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6733528<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7675810)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6739055<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7669699)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6727390<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7676699)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6723169<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7690560)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6727445<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7652145)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6688283<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7642480)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6685117<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7676728)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6814104<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7726638)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6852072<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7762885)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6813936<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7699945)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6810853<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7702779)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>5889452<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7292928)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>5612929<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7148402)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7078879<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7760349)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7109514<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7743599)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7100098<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7731878)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7276245<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7689179)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6903637<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7361271)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6992491<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7452177)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7017628<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7515561)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6910813<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7685749)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6927284<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7706636)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6912064<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7712053)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6738081<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7604648)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6973334<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7726883)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6995304<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7710245)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6978834<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7747021)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7058512<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6505642)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6903875<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6958309)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6893044<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6982473)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6927540<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6981833)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6943759<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6943865)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6911878<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7078073)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6907822<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7056270)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6926912<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7355798)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6862696<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7289917)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6945067<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7035410)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6945705<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7019745)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6950454<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7004413)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6941316<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6992943)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6949732<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6981916)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7016167<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6955250)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7018002<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6991329)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7139962<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7050011)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7125354<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7071981)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7121909<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7042068)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7119659<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7041790)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6816777<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7019528)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6809585<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7100715)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6560085<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7015788)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6591388<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7043812)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6620215<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6972123)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6614745<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7025757)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7321156<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7675873)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7282051<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7721982)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6763293<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7366666)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6648119<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7562514)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6684642<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7571124)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6462388<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7470472)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6567100<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7538879)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6290796<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7429121)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6304154<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7378514)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6976951<span class="synSpecial">, </span>139<span class="synSpecial">.</span>8253644)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7704183<span class="synSpecial">, </span>139<span class="synSpecial">.</span>8711235)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6966468<span class="synSpecial">, </span>139<span class="synSpecial">.</span>4146625)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>6987800<span class="synSpecial">, </span>139<span class="synSpecial">.</span>4151235)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7009965<span class="synSpecial">, </span>139<span class="synSpecial">.</span>4155373)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7038828<span class="synSpecial">, </span>139<span class="synSpecial">.</span>5603612)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>4413525<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6502110)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>4441327<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6367062)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>4436606<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6320260)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>5082843<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6776540)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>3194949<span class="synSpecial">, </span>139<span class="synSpecial">.</span>5511114)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>3537686<span class="synSpecial">, </span>139<span class="synSpecial">.</span>5323658)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>5297282<span class="synSpecial">, </span>139<span class="synSpecial">.</span>6991820)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>5314140<span class="synSpecial">, </span>139<span class="synSpecial">.</span>7010568)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>2308553<span class="synSpecial">, </span>139<span class="synSpecial">.</span>1015186)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>9072644<span class="synSpecial">, </span>139<span class="synSpecial">.</span>4841802)<span class="synSpecial">;</span>
<span class="synSpecial">        createMarker</span>(35<span class="synSpecial">.</span>7223281<span class="synSpecial">, </span>139<span class="synSpecial">.</span>9278380)<span class="synSpecial">;</span>
<span class="synSpecial">        </span><span class="synIdentifier">function</span><span class="synSpecial"> createMarker</span>(<span class="synSpecial">lat, lng, memo</span>)<span class="synSpecial"> </span><span class="synIdentifier">{</span>
<span class="synSpecial">          </span><span class="synIdentifier">var</span><span class="synSpecial"> mk = </span><span class="synStatement">new</span><span class="synSpecial"> GMarker</span>(<span class="synSpecial"> </span><span class="synStatement">new</span><span class="synSpecial"> GLatLng</span>(<span class="synSpecial">lat, lng</span>)<span class="synSpecial"> </span>)<span class="synSpecial">;</span>
<span class="synSpecial">          map.addOverlay</span>(<span class="synSpecial">mk</span>)<span class="synSpecial">;</span>
<span class="synSpecial">          GEvent.addListener</span>(<span class="synSpecial">mk, </span><span class="synConstant">&#34;click&#34;</span><span class="synSpecial">, </span><span class="synIdentifier">function</span>()<span class="synSpecial"> </span><span class="synIdentifier">{</span><span class="synSpecial"> mk.openInfoWindowHtml</span>(<span class="synSpecial"> memo </span>)<span class="synSpecial">;</span><span class="synIdentifier">}</span>)<span class="synSpecial">;</span>
<span class="synSpecial">        </span><span class="synIdentifier">}</span>
<span class="synSpecial">      </span><span class="synIdentifier">}</span>
<span class="synSpecial">  onload = startUp;</span>
<span class="synSpecial">  onunload = GUnload;</span>
<span class="synSpecial">  </span><span class="synIdentifier">&#60;/</span><span class="synStatement">script</span><span class="synIdentifier">&#62;</span>
<span class="synPreProc">  </span><span class="synIdentifier">&#60;</span><span class="synStatement">style</span><span class="synIdentifier"> </span><span class="synType">type</span><span class="synIdentifier">=</span><span class="synConstant">&#34;text/css&#34;</span><span class="synIdentifier">&#62;</span>
<span class="synStatement">html</span>, <span class="synStatement">body</span> <span class="synIdentifier">{</span>
<span class="synType">width</span>: <span class="synConstant">100%</span>;
<span class="synType">height</span>: <span class="synConstant">100%</span>;
<span class="synIdentifier">}</span>
<span class="synStatement">html</span> <span class="synIdentifier">{</span>
<span class="synType">overflow</span>: <span class="synType">hidden</span>;
<span class="synIdentifier">}</span>
<span class="synStatement">body</span> <span class="synIdentifier">{</span>
<span class="synType">margin</span>: <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span>;
<span class="synType">padding</span>: <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span> <span class="synConstant">0px</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">#top</span> <span class="synIdentifier">{</span>
<span class="synType">top</span>: <span class="synConstant">0px</span>;
<span class="synType">left</span>: <span class="synConstant">0px</span>;
<span class="synType">width</span>: <span class="synConstant">100%</span>;
<span class="synType">height</span>: <span class="synConstant">15%</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">#mymap</span> <span class="synIdentifier">{</span>
<span class="synType">width</span>: <span class="synConstant">80%</span>;
<span class="synType">height</span>: <span class="synConstant">100%</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">style</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">head</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">body</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">div</span><span class="synIdentifier"> </span><span class="synType">id</span><span class="synIdentifier">=</span><span class="synConstant">&#34;mymap&#34;</span><span class="synIdentifier">&#62;&#60;/</span><span class="synStatement">div</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">body</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;</span><span class="synStatement">hr</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">body</span><span class="synIdentifier">&#62;</span>
<span class="synIdentifier">&#60;/</span><span class="synStatement">html</span><span class="synIdentifier">&#62;</span>
</pre>
</div>