Javascript 如何在streetview中定位自定义覆盖?

Javascript 如何在streetview中定位自定义覆盖?,javascript,google-maps-api-3,google-street-view,custom-overlay,Javascript,Google Maps Api 3,Google Street View,Custom Overlay,嗨,我已经搜索了所有的网页和stackoverflow 有人知道如何在Google maps street view中的特定位置定位自定义覆盖图吗 以下是一个例子: 在本教程中,您可以看到一些图标和项目位于特定位置 有人知道怎么做吗?这太棒了,我想知道怎么做 我有使用谷歌地图javascript API的经验,但我不能这样做 我用这个图书馆解决了这个问题 这就是结果:我认为这可能是相关的: 这是一个在街景地图上放置位置标记的示例。 它首先定义一个地方的位置,然后定义标记,并赋予其图标和名称

嗨,我已经搜索了所有的网页和stackoverflow

有人知道如何在Google maps street view中的特定位置定位自定义覆盖图吗

以下是一个例子:

在本教程中,您可以看到一些图标和项目位于特定位置

有人知道怎么做吗?这太棒了,我想知道怎么做

我有使用谷歌地图javascript API的经验,但我不能这样做


我用这个图书馆解决了这个问题


这就是结果:

我认为这可能是相关的:

这是一个在街景地图上放置位置标记的示例。 它首先定义一个地方的位置,然后定义标记,并赋予其图标和名称等属性

var map;
var panorama;
var astorPlace = new google.maps.LatLng(40.729884, -73.990988);
var busStop = new google.maps.LatLng(40.729559678851025, -73.99074196815491);
var cafe = new google.maps.LatLng(40.730031233910694, -73.99142861366272);
var bank = new google.maps.LatLng(40.72968163306612, -73.9911389350891);

function initialize() {

  // Set up the map
  var mapOptions = {
    center: astorPlace,
    zoom: 18,
    streetViewControl: false
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  // Setup the markers on the map
  var cafeMarker = new google.maps.Marker({
      position: cafe,
      map: map,
      icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=cafe|FFFF00',
      title: 'Cafe'
  });

  var bankMarker = new google.maps.Marker({
      position: bank,
      map: map,
      icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=dollar|FFFF00',
      title: 'Bank'
  });

  var busMarker = new google.maps.Marker({
      position: busStop,
      map: map,
      icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=bus|FFFF00',
      title: 'Bus Stop'
  });

  // We get the map's default panorama and set up some defaults.
  // Note that we don't yet set it visible.
  panorama = map.getStreetView();
  panorama.setPosition(astorPlace);
  panorama.setPov(/** @type {google.maps.StreetViewPov} */({
    heading: 265,
    pitch: 0
  }));
}

function toggleStreetView() {
  var toggle = panorama.getVisible();
  if (toggle == false) {
    panorama.setVisible(true);
  } else {
    panorama.setVisible(false);
  }
}

google.maps.event.addDomListener(window, 'load', initialize);

我在研究如何实现类似目标时发现了这一点:

我仍在寻找一个解决方案,我发现了一些谷歌服务外部的优秀库:

  • 很不错,但看起来不支持firefox
  • -imho的最佳选择

事实上,在谷歌API之外使用解决方案有其利弊,但这个评估取决于您。

谢谢您的回答:),我在谷歌文档中知道这个例子,但如果您在我写的“夜间漫步”的例子中看到,这些项目是以高度定位的。例如:恰好位于窗口中,如果移动场景,可以看到项目停留在该位置。我不知道我是否清楚。不是一个简单的位置标记,他们也有高度实际上我几个月前用这个工具解决了这个问题@索尔堡真不错!我在你的网站上看到了马萨亚火山之旅,请问你最后使用了哪个图书馆?Leanorama、photosphere viewer或teammaps中的那些?我没有使用任何这些库。我只是需要图书馆全景标记来创建我的自定义谷歌街景热点。全景视图由google street view使用自定义streetview方法创建。没别的了。我不知道这是否回答了你的问题。