php 調用google api 地圖顯示代碼

來源:互聯網
上載者:User

php 調用google api 地圖顯示代碼
google.load("maps", "2.x");
google.setOnLoadCallback(initialize);

var map = null;
var geocoder = null;
function initialize() {
 // 檢測IE是否支援 Google Map API
 if ( GBrowserIsCompatible() ) {
        map = new google.maps.Map2(document.getElementById('map'));
  geocoder = new GClientGeocoder();

  // 設定地圖中心
  map.setCenter(new GLatLng(25.036772,121.520269), 12);
 } // if
 else {
  alert('您流量器不支援Google Map');
 } // else
}

function showLocation() {
 // 清除marker
 map.clearOverlays();
 var address = document.getElementById('txtAddress').value;
 geocoder.getLocations(address, cb_showLocation);
}

function cb_showLocation(result) {
 // 顯示結果
 if (result.Status.code == G_GEO_SUCCESS)  {
  // 成功
  for (var i=0; i<result.Placemark.length; i++) {
   var lat = result.Placemark[i].Point.coordinates[1];

// lat
   var lng = result.Placemark[i].Point.coordinates[0];

// lng
   var address = result.Placemark[i].address; // 地址
   var point = new GLatLng(lat,lng);

   var marker=new GMarker(point, {title:i+1});;
   map.addOverlay(marker);
  } // for
 } // if
}

var status=[];
status[G_GEO_SUCCESS]            = "Success";
status[G_GEO_MISSING_ADDRESS]    = "Missing Address";
status[G_GEO_UNKNOWN_ADDRESS]    = "Unknown Address";
status[G_GEO_UNAVAILABLE_ADDRESS]= "Unavailable Address";
status[G_GEO_BAD_KEY]            = "Bad Key";
status[G_GEO_TOO_MANY_QUERIES]   = "Too Many Queries";
status[G_GEO_SERVER_ERROR]       = "Server Error";

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.