Android 并根据您的需要进行定制： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Google Maps JavaScript API v3 Example: Street View Layer</title> <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet"> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script> <script> function initialize() { var fenway = new google.maps.LatLng(42.345573,-71.098326); var mapOptions = { center: fenway, zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map( document.getElementById('map_canvas'), mapOptions); var panoramaOptions = { position: fenway, pov: { heading: 34, pitch: 10, zoom: 1 } }; var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions); map.setStreetView(panorama); } </script> </head> <body onload="initialize()"> <div id="map_canvas" style="width: 800px; height: 800px"></div> <div id="pano" style="position:absolute; left:810px; top: 8px; width: 800px; height: 800px;"></div> </body> </html> 谷歌地图JavaScript API v3示例：街景层函数初始化（）{ var fenway=new google.maps.LatLng（42.345573，-71.098326）；变量映射选项={ 中心：芬威，缩放：14， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map( getElementById（'map_canvas'）、mapOptions）；变量全景选项={ 位置：芬威， pov：{ 标题：34，投球：10分，缩放：1 } }; var panorama=new google.maps.StreetViewPanorama（document.getElementById（'pano'），panoramoptions）；地图设置树视图（全景）； }_Android_Android Mapview_Google Street View

Android 并根据您的需要进行定制： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Google Maps JavaScript API v3 Example: Street View Layer</title> <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet"> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script> <script> function initialize() { var fenway = new google.maps.LatLng(42.345573,-71.098326); var mapOptions = { center: fenway, zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map( document.getElementById('map_canvas'), mapOptions); var panoramaOptions = { position: fenway, pov: { heading: 34, pitch: 10, zoom: 1 } }; var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions); map.setStreetView(panorama); } </script> </head> <body onload="initialize()"> <div id="map_canvas" style="width: 800px; height: 800px"></div> <div id="pano" style="position:absolute; left:810px; top: 8px; width: 800px; height: 800px;"></div> </body> </html> 谷歌地图JavaScript API v3示例：街景层函数初始化（）{ var fenway=new google.maps.LatLng（42.345573，-71.098326）；变量映射选项={ 中心：芬威，缩放：14， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map( getElementById（'map_canvas'）、mapOptions）；变量全景选项={ 位置：芬威， pov：{ 标题：34，投球：10分，缩放：1 } }; var panorama=new google.maps.StreetViewPanorama（document.getElementById（'pano'），panoramoptions）；地图设置树视图（全景）； }

android

Android 并根据您的需要进行定制： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Google Maps JavaScript API v3 Example: Street View Layer</title> <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet"> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script> <script> function initialize() { var fenway = new google.maps.LatLng(42.345573,-71.098326); var mapOptions = { center: fenway, zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map( document.getElementById('map_canvas'), mapOptions); var panoramaOptions = { position: fenway, pov: { heading: 34, pitch: 10, zoom: 1 } }; var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions); map.setStreetView(panorama); } </script> </head> <body onload="initialize()"> <div id="map_canvas" style="width: 800px; height: 800px"></div> <div id="pano" style="position:absolute; left:810px; top: 8px; width: 800px; height: 800px;"></div> </body> </html> 谷歌地图JavaScript API v3示例：街景层函数初始化（）{ var fenway=new google.maps.LatLng（42.345573，-71.098326）；变量映射选项={ 中心：芬威，缩放：14， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map( getElementById（'map_canvas'）、mapOptions）；变量全景选项={ 位置：芬威， pov：{ 标题：34，投球：10分，缩放：1 } }; var panorama=new google.maps.StreetViewPanorama（document.getElementById（'pano'），panoramoptions）；地图设置树视图（全景）； },android,android-mapview,google-street-view,Android,Android Mapview,Google Street View,编辑：要同时导航两个街道视图，请从资源加载以下HTML： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Google Maps JavaScript API v3 Example: Street View Events</title> <STYLE type="text/css"> body,

编辑：要同时导航两个街道视图，请从资源加载以下HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Google Maps JavaScript API v3 Example: Street View Events</title>

    <STYLE type="text/css"> 
        body, html { height:100%; padding:0; margin:0;} 
        #pano { float:left }
        #pano1 { float:right }
    </STYLE>
    <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>

      var cafe = new google.maps.LatLng(37.869085,-122.254775);

      var heading_value = 270;
      var pitch_value = 0;
      var zoom_value = 1;

      function initialize() {

        var panoramaOptions = {
          position: cafe,
          pov: {
            heading: heading_value,
            pitch: pitch_value,
            zoom: zoom_value
          },
          visible: true
        };

        var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'), panoramaOptions);
        var panorama2 = new google.maps.StreetViewPanorama(document.getElementById('pano1'), panoramaOptions);  

        google.maps.event.addListener(panorama, 'pano_changed', function() {
            var panoCell = document.getElementById('pano_cell');
            panoCell.innerHTML = panorama.getPano();
            panorama2.setPano(panorama.getPano());
        });

        google.maps.event.addListener(panorama, 'links_changed', function() {
            var linksTable = document.getElementById('links_table');
            while(linksTable.hasChildNodes()) {
              linksTable.removeChild(linksTable.lastChild);
            };
            var links =  panorama.getLinks();
            panorama2.setLinks(panorama.getLinks());
            for (var i in links) {
              var row = document.createElement('tr');
              linksTable.appendChild(row);
              var labelCell = document.createElement('td');
              labelCell.innerHTML = '<b>Link: ' + i + '</b>';
              var valueCell = document.createElement('td');
              valueCell.innerHTML = links[i].description;
              linksTable.appendChild(labelCell);
              linksTable.appendChild(valueCell);
            }
        });

        google.maps.event.addListener(panorama, 'position_changed', function() {
            var positionCell = document.getElementById('position_cell');
            positionCell.firstChild.nodeValue = panorama.getPosition();
            panorama2.setPosition(panorama.getPosition());
        });

        google.maps.event.addListener(panorama, 'pov_changed', function() {
            var headingCell = document.getElementById('heading_cell');
            var pitchCell = document.getElementById('pitch_cell');
            headingCell.firstChild.nodeValue = panorama.getPov().heading;
            panorama2.setPov(panorama.getPov());
            pitchCell.firstChild.nodeValue = panorama.getPov().pitch;
        });
    }
    </script>
  </head>
  <body onload="initialize()">

    <div style="width:100%; height :100%;  background-color:Lime;">
        <div id="pano" style="width:50%; height:100%; background-color:Blue;">
        </div>
        <div id="pano1" style="width:50%; height:100%; background-color:Gray;">
        </div>
    </div>
      <div id="panoInfo" style="width: 425px; height: 240 px;float:left; display: none;">
        <table>
            <tr>
                <td><b>Position</b></td><td id="position_cell">&nbsp;</td>
            </tr>
            <tr>

                    <td><b>POV Heading</b></td><td id="heading_cell">270</td>
                </tr>
                <tr>
                    <td><b>POV Pitch</b></td><td id="pitch_cell">0.0</td>
                </tr>
                <tr>
                    <td><b>Pano ID</b></td><td id="pano_cell">&nbsp;</td>
                </tr>
                <table id="links_table"></table>
            </table>
        </div>
      </body>
    </html>


谷歌地图JavaScript API v3示例：街景事件
正文，html{height:100%；padding:0；margin:0；}
#全景{浮动：左}
#pano1{float:right}
var cafe=new google.maps.LatLng（37.869085，-122.254775）；
var头_值=270；
变桨距_值=0；
var zoom_值=1；
函数初始化（）{
变量全景选项={
职位：咖啡馆，
pov：{
标题：标题_值，
螺距：螺距值，
缩放：缩放值
},
可见：正确
};
var panorama=new google.maps.StreetViewPanorama（document.getElementById（'pano'），panoramoptions）；
var panorama2=新的google.maps.StreetViewPanorama（document.getElementById（'pano1'），panoramaOptions）；
google.maps.event.addListener（panorama，'pano_changed'，function（）{
var panoCell=document.getElementById（'pano_cell'）；
panoCell.innerHTML=panorama.getPano（）；
panorama 2.setPano（panorama.getPano（））；
});
google.maps.event.addListener（全景图，'links_changed'，函数（）{
var linksTable=document.getElementById（'links_table'）；
while（linksTable.hasChildNodes（））{
linksTable.removeChild（linksTable.lastChild）；
};
var links=panorama.getLinks（）；
panorama.setLinks（panorama.getLinks（））；
for（链接中的变量i）{
var行=document.createElement（'tr'）；
linksTable.appendChild（行）；
var-labelCell=document.createElement（'td'）；
labelCell.innerHTML='Link:'+i+''；
var valueCell=document.createElement（'td'）；
valueCell.innerHTML=链接[i]。说明；
linksTable.appendChild（labelCell）；
linksTable.appendChild（valueCell）；
}
});
google.maps.event.addListener（全景图，'position_changed'，函数（）{
var positionCell=document.getElementById（'position_cell'）；
positionCell.firstChild.nodeValue=panorama.getPosition（）；
panorama 2.setPosition（panorama.getPosition（））；
});
google.maps.event.addListener（全景图，'pov_changed'，函数（）{
var headingCell=document.getElementById（'heading_cell'）；
var pitchCell=document.getElementById（'pitch_cell'）；
headingCell.firstChild.nodeValue=panorama.getPov（）.heading；
panorama.setPov（panorama.getPov（））；
pitchCell.firstChild.nodeValue=panorama.getPov（）.pitch；
});
}
位置
POV头270
POV 0.0
全景ID

在Android上查看街景全景图和地图示例，可在。但我不确定它是否也适用于自定义街景。

在Android上，请查看街景全景图和地图示例。但我不确定它是否也适用于自定义街景。

谷歌AppMarket上有一个应用程序，可以同时显示地图和街景。据我所知，它们不是静态图像。该应用程序名为“GOGA”中的“Walk Street”…@Kurtriser:他们肯定没有使用街景应用程序。也许他们已经装配了一个

网络视图

，并且正在推出基于网络的街景。谷歌AppMarket上有一个应用程序，它可以同时显示地图和街景。据我所知，它们不是静态图像。该应用程序名为“GOGA”中的“Walk Street”…@Kurtriser:他们肯定没有使用街景应用程序。也许他们已经装配了一个

网络视图

，并且正在推出基于网络的街景。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Google Maps JavaScript API v3 Example: Street View Events</title>

    <STYLE type="text/css"> 
        body, html { height:100%; padding:0; margin:0;} 
        #pano { float:left }
        #pano1 { float:right }
    </STYLE>
    <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>

      var cafe = new google.maps.LatLng(37.869085,-122.254775);

      var heading_value = 270;
      var pitch_value = 0;
      var zoom_value = 1;

      function initialize() {

        var panoramaOptions = {
          position: cafe,
          pov: {
            heading: heading_value,
            pitch: pitch_value,
            zoom: zoom_value
          },
          visible: true
        };

        var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'), panoramaOptions);
        var panorama2 = new google.maps.StreetViewPanorama(document.getElementById('pano1'), panoramaOptions);  

        google.maps.event.addListener(panorama, 'pano_changed', function() {
            var panoCell = document.getElementById('pano_cell');
            panoCell.innerHTML = panorama.getPano();
            panorama2.setPano(panorama.getPano());
        });

        google.maps.event.addListener(panorama, 'links_changed', function() {
            var linksTable = document.getElementById('links_table');
            while(linksTable.hasChildNodes()) {
              linksTable.removeChild(linksTable.lastChild);
            };
            var links =  panorama.getLinks();
            panorama2.setLinks(panorama.getLinks());
            for (var i in links) {
              var row = document.createElement('tr');
              linksTable.appendChild(row);
              var labelCell = document.createElement('td');
              labelCell.innerHTML = '<b>Link: ' + i + '</b>';
              var valueCell = document.createElement('td');
              valueCell.innerHTML = links[i].description;
              linksTable.appendChild(labelCell);
              linksTable.appendChild(valueCell);
            }
        });

        google.maps.event.addListener(panorama, 'position_changed', function() {
            var positionCell = document.getElementById('position_cell');
            positionCell.firstChild.nodeValue = panorama.getPosition();
            panorama2.setPosition(panorama.getPosition());
        });

        google.maps.event.addListener(panorama, 'pov_changed', function() {
            var headingCell = document.getElementById('heading_cell');
            var pitchCell = document.getElementById('pitch_cell');
            headingCell.firstChild.nodeValue = panorama.getPov().heading;
            panorama2.setPov(panorama.getPov());
            pitchCell.firstChild.nodeValue = panorama.getPov().pitch;
        });
    }
    </script>
  </head>
  <body onload="initialize()">

    <div style="width:100%; height :100%;  background-color:Lime;">
        <div id="pano" style="width:50%; height:100%; background-color:Blue;">
        </div>
        <div id="pano1" style="width:50%; height:100%; background-color:Gray;">
        </div>
    </div>
      <div id="panoInfo" style="width: 425px; height: 240 px;float:left; display: none;">
        <table>
            <tr>
                <td><b>Position</b></td><td id="position_cell">&nbsp;</td>
            </tr>
            <tr>

                    <td><b>POV Heading</b></td><td id="heading_cell">270</td>
                </tr>
                <tr>
                    <td><b>POV Pitch</b></td><td id="pitch_cell">0.0</td>
                </tr>
                <tr>
                    <td><b>Pano ID</b></td><td id="pano_cell">&nbsp;</td>
                </tr>
                <table id="links_table"></table>
            </table>
        </div>
      </body>
    </html>