Google Maps - Просмотр статических изображений улиц - PullRequest
Новая
       10

Google Maps - Просмотр статических изображений улиц

6 голосов
/ 31 августа 2011

Есть ли способ вставить адрес в ссылку, чтобы он отображал улицу?

Например: 

<img src="http://maps.google.com/?q=ADDRESSHERE&view=streetview" />

Ответы [ 3 ]

11 голосов
/ 16 сентября 2011

Просмотр улиц теперь имеет API статических изображений.Вот пример: 

http://maps.googleapis.com/maps/api/streetview?size=640x480&location=43.0635309,141.3253261&fov=120&heading=235&pitch=10&sensor=false

Вот документы:

https://code.google.com/apis/maps/documentation/streetview/

2011: マクド

2017: マクドナルド

0 голосов
/ 01 сентября 2011

Лучше всего использовать Google Maps JavaScript API v3 для этого.См. Документацию и пример кода по адресу http://code.google.com/apis/maps/documentation/javascript/services.html#StreetView.

Вот код этой страницы (с удалением нескольких посторонних битов), который отображает вид улицы: 

<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API Example: Embedded StreetView</title>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">

  function initialize() {
    var bryantPark = new google.maps.LatLng(37.869260, -122.254811);
    var panoramaOptions = {
      position:bryantPark,
      pov: {
        heading: 165,
        pitch:0,
        zoom:1
      }
    };
    var myPano = new google.maps.StreetViewPanorama(document.getElementById("pano"), panoramaOptions);
    myPano.setVisible(true);
  }
</script>
</head>
<body onload="initialize()">
  <div id="pano" style="width: 425px; height: 240px"></div>
</body>
</html>

Обратите внимание, что кодиспользует широту и долготу, а не адрес.Если у вас есть только уличный адрес, вы можете использовать объект Google Geocoder для преобразования адреса в объект LatLng.

0 голосов
/ 31 августа 2011

Вы можете встроить весь Просмотр улиц на своей странице. Для этого используйте объект googlemaps GStreetviewPanorama. Вы можете посмотреть пример здесь:

http://gmaps -samples.googlecode.com / SVN / багажник / StreetView / streetview_lazy.html

...