Google Map API V3开发（5）

Google Map API V3开发（1）

Google Map API V3开发（2）

Google Map API V3开发（3）

Google Map API V3开发（4）

Google Map API V3开发（5）

Google Map API V3开发（6） 代码

11 库

?  AdSense Library

?  绘图库

?  几何图形库

?  Panoramio 图层（库）

?  地方信息库

?  天气和云况图层（库）

几何图形库

Google Maps JavaScript API V3 几何图形库提供了一些实用程序函数，以便计算地球表面的几何数据。该库包含以下三个命名空间：

spherical，其中包含球面几何图形实用程序，可用于通过纬度和经度计算角度、距离和面积。

encoding，其中包含一些实用程序，可用于根据编码折线算法对折线路径进行编码和解码。

poly，其中包含一些实用程序函数，用于有关多边形和折线的计算。

要计算该距离，请调用 computeDistanceBetween()，并向其传递两个 LatLng 对象。

在有多个位置的情况下，您可改为使用 computeLength() 来计算给定路径的长度。

距离结果以米为单位表示。

要计算多边形区域的面积（以平方米为单位），请调用 computeArea()，并传递 LatLng 对象数组以定义闭合区域。

?    距离计算

//根据经纬度计算距离

private double rad(double d)

{

return d * Math.PI / 180.0;

}

public double getDistance(double lat1, double lng1, double lat2, double lng2)

{

double radLat1 = rad(lat1);

double radLat2 = rad(lat2);

double a = radLat1 - radLat2;

double b = rad(lng1) - rad(lng2);

double s = 2 * Math.Asin(Math.Sqrt(Math.Pow(Math.Sin(a / 2), 2) + Math.Cos(radLat1) * Math.Cos(radLat2) *

Math.Pow(Math.Sin(b / 2), 2)));

s = s * 6378137;

s = Math.Round(s * 10000);

s = s / 10000;

return s;//计算单位：公里

}

地方信息库

?  地方搜索请求

var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);

var request = {
    location: pyrmont,
    radius: '500',
    types: ['store']
  };

service = new google.maps.places.PlacesService(map);
  service.search(request, callback);

function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      var place = results[i];
      createMarker(results[i]);
    }
  }
}

?  文字搜索请求

var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);

var request = {
    location: pyrmont,
    radius: '500',
    query: 'restaurant'
  };

service = new google.maps.places.PlacesService(map);
  service.textSearch(request, callback);

?  地方详情请求

地方信息服务不仅可以提供某区域内的地方信息列表，还可以返回关于特定地方的详细信息。当地方搜索响应中返回某个地方后，其 reference 属性可用于请求关于该地方的更多详情，例如其完整地址、电话号码用户评分和评论等。

var request = {
  reference: 'CnRkAAAAGnBVNFDeQoOQHzgdOpOqJNV7K9-c5IQrWFUYD9TNhUmz5-aHhfqyKH0zmAcUlkqVCrpaKcV8ZjGQKzB6GXxtzUYcP-muHafGsmW-1CwjTPBCmK43AZpAwW0FRtQDQADj3H2bzwwHVIXlQAiccm7r4xIQmjt_Oqm2FejWpBxLWs3L_RoUbharABi5FMnKnzmRL2TGju6UA4k'
};

reference，包含可用于日后查询“详情”服务的令牌。该令牌可能与向“详情”服务发送的请求中所使用的引用不同。建议您定期更新为地方信息存储的引用。尽管该令牌可唯一地标识地方，但反之则不然：一个地方可能拥有多个有效的引用令牌。

service = new google.maps.places.PlacesService(map);
service.getDetails(request, callback);

function callback(place, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    createMarker(place);
  }
}

?  地方信息自动填充

“地方自动填充”功能会附到您网页上的文本字段中，并监控用户在该字段中输入的字符。在用户输入文字的同时，自动填充会采用下拉选择列表的形式向应用返回地方预测。

var defaultBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(-33.8902, 151.1759),
  new google.maps.LatLng(-33.8474, 151.2631));

var input = document.getElementById('searchTextField');
var options = {
  bounds: defaultBounds,
  types: ['establishment']
};

autocomplete = new google.maps.places.Autocomplete(input, options);

?  获取地方信息

当用户从附加到文本字段的预测中选择了一个地方后，该服务就会触发 place_changed 事件。地方信息服务还会返回 PlaceResult 对象，您可以通过对 Autocomplete 对象调用 getPlace() 来访问该对象。

google.maps.event.addListener(autocomplete, 'place_changed', function() {
  var place = autocomplete.getPlace();
  if (place.geometry.viewport) {
    map.fitBounds(place.geometry.viewport);
  } else {
    map.setCenter(place.geometry.location);
    map.setZoom(17);
  }
  var image = new google.maps.MarkerImage(
      place.icon, new google.maps.Size(71, 71),
      new google.maps.Point(0, 0), new google.maps.Point(17, 34),
      new google.maps.Size(35, 35));
  marker.setIcon(image);
  marker.setPosition(place.geometry.location);
});