gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 18:15:30 25 4
gpt4 key购买 nike

我这里有一个演示 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com