Google地圖實現

標籤：

API地址：https://developers.google.com/maps/documentation/javascript/tutorial

 <div id="map" style="width:600px;height:400px;border:1px solid red;"></div>

  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>    <script type="text/javascript">        window.onload = function () {            var geocoder = new google.maps.Geocoder();//建立位址解析器            var address = ‘陝西西安高新一路5號‘;            geocoder.geocode({ ‘address‘: address }, function (results, status) {                if (status == google.maps.GeocoderStatus.OK) {                    var lo = results[0].geometry.location;                    var myLatLng = { lat: lo.H, lng: lo.L };                    //建立地圖                    var map = new google.maps.Map(document.getElementById(‘map‘), {                        center: myLatLng,                        zoom: 16                    });                    //建立標記                    var marker = new google.maps.Marker({                        position: myLatLng,                        map: map,                        title: address                    });                } else {                    alert("解析失敗: " + status);                }            });        }    </script>

 

Google地圖實現