谷歌手机地图google maps691_google地图_安装google maps(12)

以下示例显示了未经标记过滤的纽约港口的地图。在输入字段中输入文字，然后使用setTag()方法应用过滤器：

var panoramioLayer;
function initialize() {
  var nyHarbor = new google.maps.LatLng(40.693134, -74.031028);
  var mapOptions = {
    zoom: 15,
    center: nyHarbor,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var map = new google.maps.Map(
      document.getElementById("map_canvas"),
      mapOptions);

  panoramioLayer = new google.maps.panoramio.PanoramioLayer();

  panoramioLayer.setMap(map);
}

function getTaggedPhotos() {
  var tagFilter = document.getElementById('tag').value;
  panoramioLayer.setTag(tagFilter);
}

您还可以使用Panoramio Widget API在PanoramioWidget对象内显示图片。要使用 Panoramio API，您需要通过脚本标记单独从 JavaScript API 中为该 API 加载 JavaScript 符号：

<script type="text/javascript" src="http://.panoramio.com/wapi/wapi.js?v=1">
</script>

PanoramioPhotoWidget的默认大小为 400x 300 像素。如果您希望在信息窗口中显示PhotoWidget，则可以使用该默认大小，也可以在PhotoWidget的构造函数内明确设置大小。请注意，PhotoWidget不会自动根据其容器（在此情况下为信息窗口）的大小来调整自身大小。您需要明确设置该小部件的宽度和高度。

以下示例借助 Panoramio Widget API 使用 Panoramio 图片填充了信息窗口。请注意，您可以轻松地配置该小部件，以便显示多张图片。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shouji/article-45243-12.html