2019-03-31 11:00:21 +00:00
---
title: 銀座ルノアールの場所をマッピング
author: kazu634
date: 2009-07-05
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 " utf8" , STDOUT => " utf8" ;< / 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=" line_a" and @bgcolor =" #ffffff" ]//a'</ span > ,
< span class = "synConstant" > 'shop[]'< / span > => < span class = "synConstant" > '@href'< / span > ;
};
< span class = "synStatement" > my< / span > < span class = "synIdentifier" > $res< / span > =
< span class = "synIdentifier" > $frame< / span > -> scrape( URI-> < span class = "synStatement" > new< / span > (< span class = "synConstant" > " http://www.ginza-renoir.co.jp/renoir/index.htm" < / span > ) );
< span class = "synStatement" > foreach< / span > < span class = "synStatement" > my< / span > < span class = "synIdentifier" > $x< / span > ( @{ < span class = "synIdentifier" > $res< / span > -> {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=" size2" ]/tbody[1]/tr[1]/td[2]'< / span > ,
< span class = "synConstant" > 'shop'< / span > => < 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=" size2" ]/tbody[1]/tr[3]/td[2]'< / span > ,
< span class = "synConstant" > 'address'< / span > => < span class = "synConstant" > 'TEXT'< / span > ;
};
< span class = "synStatement" > my< / span > < span class = "synIdentifier" > $result< / span > = < span class = "synIdentifier" > $part< / span > -> scrape( URI-> < 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 > -> {address} ) {
< span class = "synStatement" > my< / span > < span class = "synIdentifier" > $t< / span > = Geography::AddressExtract::Japan-> extract(< span class = "synIdentifier" > $addr< / span > );
< span class = "synStatement" > my< / span > < span class = "synIdentifier" > $work< / span > = < span class = "synIdentifier" > $t< / span > -> [< span class = "synConstant" > < / span > ]-> {< span class = "synConstant" > " city" < / span > } . < span class = "synIdentifier" > $t< / span > -> [< span class = "synConstant" > < / span > ]-> {< span class = "synConstant" > " aza" < / span > } . < span class = "synIdentifier" > $t< / span > -> [< span class = "synConstant" > < / span > ]-> {< span class = "synConstant" > " number" < / span > };
< span class = "synStatement" > my< / span > < span class = "synIdentifier" > $latlng< / span > = < span class = "synIdentifier" > & 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 > => < span class = "synIdentifier" > $lat< / span > , < span class = "synConstant" > lng < / span > => < span class = "synIdentifier" > $lng< / span > } );
}
}
< span class = "synStatement" > my< / span > < span class = "synIdentifier" > $tmpl< / span > = HTML::Template-> < span class = "synStatement" > new< / span > ( < span class = "synConstant" > filename < / span > => < span class = "synConstant" > 'googlemap.tt'< / span > );
< span class = "synIdentifier" > $tmpl</ span > -> param( < span class = "synConstant" > DATASET </ span > => < span class = "synIdentifier" > \@array</ span > );
< span class = "synStatement" > print< / span > < span class = "synIdentifier" > $tmpl< / span > -> 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-> < span class = "synStatement" > new< / span > (
< span class = "synConstant" > base_url < / span > => < span class = "synConstant" > " http://maps.google.com/maps/geo" < / span > ,
< span class = "synConstant" > param < / span > => {
< span class = "synConstant" > output < / span > => < span class = "synConstant" > 'xml'< / span > ,
< span class = "synConstant" > hl < / span > => < span class = "synConstant" > 'ja'< / span > ,
< span class = "synConstant" > ie < / span > => < span class = "synConstant" > 'UTF8'< / span > ,
< span class = "synConstant" > oe < / span > => < span class = "synConstant" > 'UTF8'< / span > ,
}
);
< span class = "synStatement" > my< / span > < span class = "synIdentifier" > $response< / span > = < span class = "synIdentifier" > $geocode< / span > -> get( { < span class = "synConstant" > q < / span > => < span class = "synIdentifier" > $arg< / span > , } );
< span class = "synStatement" > if< / span > ( < span class = "synIdentifier" > $response< / span > -> parse_response()-> {Response}-> {Status}-> {code} == < span class = "synConstant" > 200< / span > ) {
< span class = "synStatement" > return< / span > < span class = "synIdentifier" > $response< / span > -> parse_response()-> {Response}-> {Placemark}-> {Point}
-> {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" > < !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > html< / span > < span class = "synIdentifier" > xmlns=< / span > < span class = "synConstant" > " http://www.w3.org/1999/xhtml" < / span > < span class = "synIdentifier" > xml:< / span > < span class = "synType" > lang< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " ja" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > lang< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " ja" < / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > head< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > title< / span > < span class = "synIdentifier" > > < / span > GoogleMaps Test< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > title< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > meta< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > name< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " Content-Type" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > content< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/html; charset=UTF-8" < / span > < span class = "synIdentifier" > /> < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > type< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/javascript" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > src< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " http://maps.google.co.jp/maps?file=api< / span > < span class = "synSpecial" > & #38;< / span > < span class = "synConstant" > v=2< / span > < span class = "synSpecial" > & #38;< / span > < span class = "synConstant" > key=ABQIAAAAi7tMvJT0pMWzzgIPgaKRWhS4ltLnHR4dqto9lWrc1i-hPbZKVRRG70Vj11-gAnxyxcGtaalOIUBpBA" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > charset< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " utf-8" < / span > < span class = "synIdentifier" > > < /< / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > type< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/javascript" < / span > < span class = "synIdentifier" > > < / span >
< span class = "synSpecial" > < / span > < span class = "synComment" > //< ![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" > " mymap" < / 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" > < TMPL_LOOP NAME=DATASET> < / span >
< span class = "synSpecial" > createMarker< / span > (< span class = "synSpecial" > < TMPL_VAR NAME=lat> , < TMPL_VAR NAME=lng> < / span > )< span class = "synSpecial" > ;< / span >
< span class = "synSpecial" > < /TMPL_LOOP> < / 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" > " click" < / 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" > " memo" < / 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" > < /< / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > style< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > type< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/css" < / span > < span class = "synIdentifier" > > < / 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" > < /< / span > < span class = "synStatement" > style< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > head< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > body< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > div< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > id< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " mymap" < / span > < span class = "synIdentifier" > > < /< / span > < span class = "synStatement" > div< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > body< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > hr< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > body< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > html< / span > < span class = "synIdentifier" > > < / span >
< / pre >
< h4 >
生成されるHTML
< / h4 >
< pre class = "syntax-highlight" >
< span class = "synComment" > < !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > html< / span > < span class = "synIdentifier" > xmlns=< / span > < span class = "synConstant" > " http://www.w3.org/1999/xhtml" < / span > < span class = "synIdentifier" > xml:< / span > < span class = "synType" > lang< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " ja" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > lang< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " ja" < / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > head< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > title< / span > < span class = "synIdentifier" > > < / span > GoogleMaps Test< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > title< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > meta< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > name< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " Content-Type" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > content< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/html; charset=UTF-8" < / span > < span class = "synIdentifier" > /> < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > type< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/javascript" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > src< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " http://maps.google.co.jp/maps?file=api< / span > < span class = "synSpecial" > & #38;< / span > < span class = "synConstant" > v=2< / span > < span class = "synSpecial" > & #38;< / span > < span class = "synConstant" > key=ABQIAAAAi7tMvJT0pMWzzgIPgaKRWhS4ltLnHR4dqto9lWrc1i-hPbZKVRRG70Vj11-gAnxyxcGtaalOIUBpBA" < / span > < span class = "synIdentifier" > < / span > < span class = "synType" > charset< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " utf-8" < / span > < span class = "synIdentifier" > > < /< / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > type< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/javascript" < / span > < span class = "synIdentifier" > > < / span >
< span class = "synSpecial" > < / span > < span class = "synComment" > //< ![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" > " mymap" < / 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" > " click" < / 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" > < /< / span > < span class = "synStatement" > script< / span > < span class = "synIdentifier" > > < / span >
< span class = "synPreProc" > < / span > < span class = "synIdentifier" > < < / span > < span class = "synStatement" > style< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > type< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " text/css" < / span > < span class = "synIdentifier" > > < / 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" > < /< / span > < span class = "synStatement" > style< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > head< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > body< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > div< / span > < span class = "synIdentifier" > < / span > < span class = "synType" > id< / span > < span class = "synIdentifier" > =< / span > < span class = "synConstant" > " mymap" < / span > < span class = "synIdentifier" > > < /< / span > < span class = "synStatement" > div< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > body< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < < / span > < span class = "synStatement" > hr< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > body< / span > < span class = "synIdentifier" > > < / span >
< span class = "synIdentifier" > < /< / span > < span class = "synStatement" > html< / span > < span class = "synIdentifier" > > < / span >
< / pre >
2019-04-02 16:06:15 +00:00
< / div >