@

@

@

Ī°Ń@‚ց@@@@@@@»ŻĢߣĶß°¼Ž@@Google Maps 16@@google_maps16.htm

˜A”Ō•t‚«E”zFŽ©—R‚Ģ¶½ĄĻ²½ŽĻ°¶°‚šGoogle Maps API»°ŹŽ°‚©‚ēŽę“¾B@@@@@@Google Maps APIADHTMLB@@@@@@”zFA‚«o‚µ‚Č‚Ē‚Ģ¶½ĄĻ²½Ž‚ĶĆ·½Ä“ĆŽØĄ°‚Č‚Ē‚ʼnĀB@@@@all ‘Ī‰žB@@@@@ŗĖß°A•ŅW‚µAŠČ’P‚ÉWeb‚ʼnž—p‚Å‚«‚Ü‚ĮA(^ ^)B @@@@@@@ŠÖ˜Aī•ń F VhŽü•Óŗ°Ė° -2@½Ą°ŹŽÆø½@“Œ‹ž“s“ąŹŽ½˜Hü@‘S‘“S“¹˜Hü@‘S‘ĄŽŃĻÆĢ߁@‘S‘ŒöŽ¦’n‰æĻÆĢ߁@“ś–{•S–¼ŽR@”’’n}@Ü‚źü‹——£‚Ę–ŹĻ@¢ŠE‚Ģ‘X

ƮӂĶAĻ°¶°‚ĢĻ³½µ°ŹŽ°AĻ°¶°‚ĢøŲÆøAī•ńWiniŹ²Źß°ŲŻø•t‚«j‚šĪßÆĢß±ÆĢ߁B@@ Ļ³½‚Ģ½øŪ°Ł‚ŽŽ°ŃA‚Ü‚½ÄŽ×ÆøŽˆŚ“®‚Č‚Ē‚šIB

@

< ‚²Žg—p•ū–@ >

@E@Ū°¶Łi=PCj‚Ö‚Ģ•Ū‘¶‚ĶAgoogle_maps16/ ‚šøŲÆøŠJ‚¢‚½ĪŁĄŽ°‚ŁAgoogle_maps16.htmA0077114410.js ‚š‰EøŲÆøA[‘ĪŪ‚šĢ§²Ł‚É•Ū‘¶] - yĢ§²Ł‚ĢĄŽ³ŻŪ°ÄŽzAyĢ§²Ł–¼‚š•t‚Æ‚Ä•Ū‘¶z - <•Ū‘¶‚·‚鏼Š>F ccA‚Č‚Ē‚ŁB@@@@¦:  •Ļ‚ķ‚Į‚Ä‚µ‚Ü‚Į‚½AĢ§²Ł–¼‚āA*.html ’†‚ĢŹß½‚Ķ—vC³B

@E@‚±‚ĢDHTML‚ĢŽĄ‘••ū–@‚ĶAgoogle_maps16.htm ‚šĆ·½Ä“ĆŽØĄ°‚ÅŠJ‚«AĪ°ŃĶß°¼Žģ¬æĢĂȂĒ‚ĢHTML‘}“ü/•ŅWŅĘ­°‚Č‚Ē‚šŽg‚Į‚āAV‚µ‚¢Ķß°¼Ž 1 ‚ā hogehoge.htmli=”CˆÓ‚Ģ‘}“üęĢ§²Ł–¼j ‚ĢA <head>@`@</head> ‚Ģ”CˆÓ‚ĢsŠŌ‚É (*1)‚šA‚³‚ē‚É <body>@`@</body>‚Ģ”CˆÓ‚ĢsŠŌ‚É (*2) ‚šĶß°½Ä‚µ‚Ü‚·B

@„@•ŅW•ū–@‚ĶAhogehoge.html ‚š WordPad ‚ā SmipleText‚Č‚Ē‚ĢĆ·½Ä“ĆŽØĄ°A‚ ‚é‚¢‚Ķ hFrontPage Expressh ‚Č‚Ē‚ĢĪ°ŃĶß°¼Ž§ģæĢĂĢHTMLĄøŽ‘}“ü/•ŅWŅĘ­° ‚ÅŠJ‚«•ŅW‚µ‚Ü‚·B@@@@‰ŗ‹L‚Ģi—įj (*1) ‚ʁA(*2)A(*3) ‚šŽQl‚É‘¾Žš•”•Ŗ‚Ģ•ŅW‚š”CˆÓ‚ɍs‚¢‚Ü‚·B@@@ @¦: Ć·½Ä“ĆŽØĄ°‚É‚ę‚é•ŅW‚ĶAHP§ģæĢĂʂĢŒŻŠ·«‚Ģ–ā‘č‚š¶‚¶‚Ü‚¹‚ńiHP§ģæĢĊŌ‚Ķ­‚µ¶‚¶‚éjB

@E@ģ“®Ć½Ä‚ĶAŪ°¶ŁiPCj‚É•Ū‘¶‚µA Internet Explorer 10.x` ‚Č‚Ē‚ÅŠJ‚¢‚āB@@@@ XV‚ĢŠm”F‚ĶA[F5]·° ‚š‰Ÿ‚µAÅVĆŽ°Ą“Ē‚Żž‚ŻA‚ŁB@@@@‚ ‚é‚¢‚ĶAInternet Explorer‚š‘S‚Ä•Ā‚¶AÄ‹N“®‚šs‚¢A‰{———š—š‚ĢķœŒć‚āAyInternet Explorerz- [Ā°Ł] - [²ŻĄ°ČÆÄ µĢß¼®Ż] - [‰{——‚Ģ—š—š] - [ķœ] ‚Č‚Ē‚Å‚ąB

@„@±ÆĢßŪ°ÄŽ‚āģ“®Ć½Ä‚ĶAhogehoge.html ‚Ę“Æ‚¶ŠK‘wkĪŁĄŽ°/ĆŽØŚøÄŲ°l‚ɁAŽg—p‚·‚é‰ę‘œA*.js ‚Č‚Ē‚ą“]‘—/”z’u‚µŽĄŽ{B@@¦F•ŹĆŽØŚøÄŲ°‚É”z’uŽž‚ĶA*.html ’†‚ĢŹß½‚Ķ—vC³B@@@FTP‚Č‚Ē‚Å•Ļ‚ķ‚Į‚Ä‚µ‚Ü‚Į‚½Ģ§²Ł–¼‚Ķ—vC³B@@@@½øŲĢßč\•¶’†‚Ö‚Ģ‰üs¬“ü‚Ķ”ńģ“®Œ“ˆöB

@„@ŠÖ˜Aī•ń F F‹L†5AV6A½Ą²Ł¼°ÄŲĢ§ŚŻ½AĪ°ŃĶß°¼ŽŠJŻ“ü–åB@@@Web DevelopmentAWebŠJ”­AIE10 ŒŻŠ·«øÆøĢŽÆøAVŠJ”­ŽŅŒü‚ƶŽ²ÄŽAIE API ŲĢ§ŚŻ½AIE ŠJ”­ > HTML‚ĘCSSAŠJ”­Ā°Ł‚Å»²Ä‚šC³A½øŲĢßÄ ĆŽŹŽÆøŽ‚ĢŠT—vAHTML‚ĘCSS‚Ģ»Ī߰āACSS‚Ģ‰ü—Ē“_AXMLAVŲĢ§ŚŻ½ADHTMLB

@

(*1) F@google_maps16.htm i—įj@@@@@@@@@‘}“üę‚Ģ @<head> ` </head>@‚ĢA` •”•Ŗ‚ÉĶß°½Ä‚µ‚Ü‚·B

@HTML‚Ģ•ŅW•ū–@@  (*1) ‚šĆ·½Ä“ĆŽØĄ°‚ÅŠJ‚«A‰ŗ‹L«‚ĢHTML‚š‘}“üęĢ§²Ł‚ÉĶß°½ÄA‘¾Žš•”•Ŗ‚š•ŅW‚µŽg—pB
k‚±‚Ģ—ńĶß°½Ä•s—vl  @

¼ĢÄJISŽg—piķœ•s‰Āj

ie‚Č‚Ē‚É•\Ž¦‚·‚é±²ŗŻĢ§²Ł–¼iķœ‰Āj

<style type= `  </style>‚Ķiķœ‰Āj
(*1)`(*3)•\Ą²ÄŁ”wŒi
body •¶ŽšF@”wŒiF@‰ŗü
Ź²Źß°ŲŻø V
•\Ž¦Ļ‚Ż‚ĢV
Ļ³½µ°ŹŽ°Žž‚ĢV
øŲÆø’†‚ĢV
Ģ«ŻÄ

ŲŻø‚šV‚µ‚¢Win‚ÅŠJ‚­‚š•W€iķœ‰Āj¦Ftarget=@‚¢‚ė‚¢‚ė
“Æ‚¶ĢŚ°Ń=_selfAĶß°¼Ž‘S‘Ģ=_topAeĢŚ°Ń=_parent
‚Ø‹C‚É“ü‚čAĄ½øŹŽ°‚É•\Ž¦‚·‚éĶß°¼Ž–¼i‚Ģ§²Ł–¼j

@

—]”’

@

ĻÆĢߍ‚‚³

@

@

@

@

ĶÆĄŽ°

@


Google Maps API KeyiŒĀ•Źj

@

Ą•W@‚«o‚µ@ĪßÆĢß±ÆĢßŅƾ°¼Ž@Ź²Źß°ŲŻø@»²Ä–¼

ˆČ‰ŗA“Æ—lB

@

@

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {font-size:12px; line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>ƒTƒ“ƒvƒ‹ƒy[ƒW@@Google Maps 16</title>

<!--@™ -----------@« ‚±‚ĢŠŌ‚šƒRƒs[•ƒy[ƒXƒg‚µ‚Ü‚·B ------------@-->
<style type="text/css"><!--
html, body {
height: 100%;
margin: 10;
padding: 0;
}

#gmap_canvas {
height: 100%;
}

@media print {
html, body {
height: auto;
}

#gmap_canvas {
height: 100%;
}
}
 #header {position: absolute; top: 0px; left: 1px; width:100%; margin:2px; padding: 0px; text-align: left; color:#2E0064; background: #FFF url('http://www@cc@/bg_slva3r.jpg');border-left: 1px solid #F0F0F4; border-top: 1px solid #F0F0F4; border-right: 1px solid #E2E2E7; border-bottom: 1px solid #E2E2E7;; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Lucida Console;color:#2E0064;"}

--></style>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIz@cc@gPQ3E&sensor=false"></script>
<script type="text/javascript">

function initialize(id){
var data = new Array();
@@ @@ // ˆÜ“x@@@@@@@Œo“x@
@@ @@ //@‚«o‚µ@@ĪßÆĢß±ÆĢߏī•ńkĆ·½Ä@URL@Ź²Źß°ŲŻøl@
data.push({position: new google.maps.LatLng(35.69057759024401, 139.70196361501027), title: '’Ö‰®ąŪąč“X', content: '’Ö‰®ąŪąč“X Vh’ƒ—¾<a href=\'http://www.@cc@/tabid/224/Default.aspx\'>@Ė@™ WebSaite</a>'});
data.push({position: new google.maps.LatLng(35.69213079936511, 139.70269116420556), title: 'Æ”TąŪąč“X', content: 'Æ”TąŪąč“X<a href=\'http://www@cc@\'>@Ė@™ WebSaite</a>'});

====  ‚±‚ĢŠŌ¤ą–¾‚šČ—Ŗ”  ====

data.push({position: new google.maps.LatLng(35.66382529493989,139.69995439052582), title: 'g’ƒ‚Ģ“X¹ĘŌŻ', content: 'g’ƒ‚Ģ“X¹ĘŌŻ<a href=\'http://kenyan.co.jp/\'>@Ė@™ WebSaite</a>'});
data.push({position: new google.maps.LatLng(35.67896034380629,139.7105759382248), title: 'ĻŻÓ½ĆØ°', content: 'ĻŻÓ½ĆØ°-<a href=\'http://www.monmouth.jp/jingu.html\'>@Ė@™ WebSaite</a>'});
var map = viewGoogleMap(id,null,data,true);
}

</script>
<script type="text/javascript" src="0077114410.js"></script>
<!--@™ -----------@Ŗ ‚±‚ĢŠŌ‚šƒRƒs[•ƒy[ƒXƒg‚µ‚Ü‚·B ------------@-->
</head>

====  ‚±‚ĢŠŌ¤ą–¾‚šČ—Ŗ”  ====

@

@

(*2) F@google_maps16.htm i—įj@@@@@@@@‘}“üę‚Ģ @<body> ` </body>@‚ĢA` •”•Ŗ‚ÉĶß°½Ä‚µ‚Ü‚·B

@HTML‚Ģ•ŅW•ū–@@  (*2)‚šĆ·½Ä“ĆŽØĄ°‚ÅŠJ‚«A‰ŗ‹L«‚ĢHTML‚š‘}“üęĢ§²Ł‚ÉĶß°½ÄA‘¾Žš•”•Ŗ‚š•ŅW‚µŽg—pB
k‚±‚Ģ—ńĶß°½Ä•s—vl

@

ĶÆĄŽ°

JavaScript

Ą²ÄŁ

@

@

<body onload="initialize('gmap_canvas')">

<DIV id="header">@<img align="absmiddle" border="0" src="doutor.jpg" width="23" height="23" title="iKŽKj">@<b>ƒR[ƒq[Eg’ƒEƒpƒ“iVhŽü•Ój</b>@@@@Ļ°¶°‚šøŲÆøAī•ńWin‚šĪßÆĢß±ÆĢ߁B@@@@<a target="_blank" href="https://maps.google.co.jp/maps?q=Vh ƒZƒKƒtƒŒ[ƒhEƒUƒlƒbƒeƒB" title="Google Maps ‚‹@”\”Å‚šAV‚µ‚¢Win‚ŵ°Ģ߯IB@ˆČ‰ŗA“Æ—lB">Segafredo ZANETTI</a>A<a target="_blank" href="https://maps.google.co.jp/maps?q=Vh ƒhƒg[ƒ‹ƒR[ƒq[">ÄŽÄ°Łŗ°Ė°</a>A<a target="_blank" href="https://maps.google.co.jp/maps?q=Vh ƒXƒ^[ƒoƒbƒNƒX">½Ą°ŹŽÆø½</a>A<a target="_blank" href="https://maps.google.co.jp/maps?q=Vh ŗ°Ė°">Vh ŗ°Ė°</a>iGoogle MapŒŸõj@@@¦:<a target="_blank" href="google_maps16as.htm">•ŅW•ū–@</a>
</DIV><br/>
<!--@š@------Ŗ‚ĢAonload="initialize('gmap_canvas')" ‚ʁ@« ‚±‚ĢŠŌ‚šƒRƒs[•ƒy[ƒXƒg‚µ‚Ü‚·B ------------@-->
<div id="gmap_canvas"></div>
<!--@š@-----------@Ŗ ‚±‚ĢŠŌ‚šƒRƒs[•ƒy[ƒXƒg‚µ‚Ü‚·B ------------@-->

====  ‚±‚ĢŠŌ¤ą–¾‚šČ—Ŗ”  ====

@

(*3) F@0077114410.js i—įj@@@@@@@@@Ć·½Ä“ĆŽØĄ°‚ÅŠJ‚«A•ŅW‚µhogehoge.html‚Ę“ÆĆŽØŚøÄŲ°‚É“]‘—E”z’u‚µ‚Ü‚·B@

@ @*.js ‚Ģ•ŅW•ū–@@  (*3)‚šĆ·½Ä“ĆŽØĄ°‚ÅŠJ‚«A‰ŗ‹L«‚Ģ‘¾Žš•”•Ŗ‚š•ŅW‚µŽg—pB
@ k‚±‚Ģ—ńĶß°½Ä•s—vl

@

@

@

@

@

@

@

Ļ°¶°”wŒiF@”Ō†F

@

@

@

@

@

½Ž°Ń
ĻÆĢߒ†S‚ĢĄ•W

@

@

/**
* GoogleMap‚Ģ•\Ž¦
* @param {String} id •\Ž¦—ĢˆęID
* @param {Object} option google.maps.Map‚ɐŻ’č‚·‚éƒIƒvƒVƒ‡ƒ“
* @param {Object} markerArray ƒ}[ƒJ[ƒf[ƒ^”z—ń
* @param {Object} isNumberPin ”Ō†•t‚«ƒ}[ƒJ[‚Å•\Ž¦‚·‚é‚©
*/
var viewGoogleMap = function(id, option, markerArray, isNumberPin){
/**
* ƒ}[ƒJ[‚ĢƒNƒŠƒbƒNƒCƒxƒ“ƒgƒŠƒXƒi[‚Ģ“o˜^
* @param {google.maps.Marker} marker ƒ}[ƒJ[ƒIƒuƒWƒFƒNƒg
* @param {Object} markerData ƒ}[ƒJ[‚ɐŻ’č‚·‚éī•ńƒEƒBƒ“ƒhƒEƒf[ƒ^
*/

====  ‚±‚ĢŠŌ¤ą–¾‚šČ—Ŗ”  ====

title: makerArray[i].title,
map: gmap,
icon: isNumberPin ? new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld="+ (i + 1) + "|00D7CB|000000") : null,
shadow:isNumberPin ? new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow",null,null, new google.maps.Point(12, 35) ) : null
});

// ƒ}[ƒJ[‚ĢclickƒŠƒXƒi[“o˜^
 setMarkerClickListener(marker, makerArray[i], true);
}
};

option = option ? option : {};
if(id == null){
return;
}
var mapOption = {
zoom: option.zoom || 16,
center:option.center || new google.maps.LatLng(35.68957386994604, 139.70044146139432),
@

====  ‚±‚ĢŠŌ¤ą–¾‚šČ—Ŗ”  ====

@

< •ā‘« >@@@@“KŽžŽQĘ‚ ‚źIB

@E@Wordpad@‚É‚ę‚éHTMLæ°½iĄøŽj‚šŒ©‚Č‚Ŗ‚ē‚Ģ’¼Ś•ŅW•ū–@B

ƒnƒ[i^. ^j