javascript - 如何获取我们在谷歌地图中放置街景小人的点的坐标

标签 javascript jquery google-maps google-street-view

我这里有一个演示 http://jsfiddle.net/coderslay/vQVTq/

下面给出js

function initialize() {
    var fenway = new google.maps.LatLng(42.345573,-71.098326);
    var panoramaOptions = {
        enableCloseButton : true,
        visible: false
    };
    var panorama = new  google.maps.StreetViewPanorama(document.getElementById("pano"), panoramaOptions);
    var mapOptions = {
      center: fenway,
      zoom: 14,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      streetView : panorama
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);


    google.maps.event.addListener(panorama, "visible_changed", function() {
        if (panorama.getVisible() && $("#pano").is(':visible')){
            //moving the pegman around the map
        }else if(panorama.getVisible() && $("#pano").is(':hidden')){
            $("#pano").show();
            $("#map_canvas").removeClass('bigmap');
            $("#map_canvas").addClass('minimap');
        }
        google.maps.event.addListener(panorama, "closeclick", function() {
            $("#pano").hide();  
            $("#map_canvas").removeClass('minimap');
            $("#map_canvas").addClass('bigmap');         
        });
    });

css 在这里

#container {
width:500px;
height: 500px ;
position: relative;
}

#map_canvas, 
#pano {
    position: absolute;
    top: 0;
    left: 0;
}

#map_canvas {
    z-index: 10;
}

.bigmap{
    width:100%;
    height:100%;
}

.minimap{
    width:50%;
    height:100%;
}​  

当我将街景小人拖到 map 上的任何一点时, map 就会分成两部分。一个是普通 View ,另一个是街景。现在我想在法线 map 上显示街景小人被放下的位置。如何获取该特定点的坐标。这样我就可以平移到那个位置。怎么做?

最佳答案

我认为您可以在 StreetViewPanorama 类上使用 getPosition() 方法。

google.maps.event.addListener(panorama, "visible_changed", function() {
  map.setCenter(panorama.getPosition());
});

关于javascript - 如何获取我们在谷歌地图中放置街景小人的点的坐标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13379256/

相关文章:

javascript - Hapi js重定向到带有附加请求数据的另一条路由

javascript - HTML 验证未验证?

android - 下载应用程序 Android Market 时的空白 map

android - TabActivity 中的多个 map v2

Javascript HTML5 <audio> 多源

php - 刷新后保留选定的选项(表单/选择)

javascript - 无法从弹出窗口运行 JavaScript 行

jQuery 与 WordPress 和 Webpack

javascript - 根据 <select> 选项类型隐藏 div

json - Google map API 使用到达时间和交通持续时间