PHP & JavaScript Room :: 設置サンプル

【山手線一周】

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script>
<script type="text/javascript">
function load() {
    if(GBrowserIsCompatible()){
        /* 地図インスタンス生成 */
        var map=new GMap2(document.getElementById("map"));
        /* 中心地点 */
        map.setCenter(new GLatLng(35.684002,139.737618), 12);
        /* コントロール追加 */
        map.addControl(new GLargeMapControl());
        GDownloadUrl("include/ajax/googlemap_function/markers.xml", function(data){
            var xml=GXml.parse(data);
            var markers=xml.documentElement.getElementsByTagName("marker");
            for(var i=0; i<markers.length; i++){
                var latlng=new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
                map.addOverlay(new GMarker(latlng));
            }
        });
    }
}
window.onload=load;
window.unload=GUnload;
//]]>
</script>
<p><strong>【山手線一周】</strong></p>
<div id="map" style="width:600px;height:600px"><!-- 地図描画領域 --></div>