Google StreetView / Maps API

Question

我正在尝试在Google街景视图上叠加标记。我可以在Google Map上获得一个标记，但是它没有显示在GSV中。

https://jsfiddle.net/gnxnm4nt/

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
    <script>
function initialize() {
  var baltimore = new google.maps.LatLng(39.283024, -76.601765);
  var baltimore1 = new google.maps.LatLng(39.283223, -76.601851);


  var mapOptions = {
    center: baltimore,
    zoom: 14
  };
  var map = new google.maps.Map(
      document.getElementById('map-canvas'), mapOptions);
    var cafeMarker = new google.maps.Marker({
      position: baltimore1,
      map: map,
      icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=cafe|FFFF00',
      title: 'Cafe'
  });
  var panoramaOptions = {
    position: baltimore,
    pov: {
      heading: 34,
      pitch: 10
    }
  };
  var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'), panoramaOptions);
  map.setStreetView(panorama);
}

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

    </script>

API参考：https://developers.google.com/maps/documentation/javascript/examples/streetview-overlayshttps://developers.google.com/maps/documentation/javascript/examples/streetview-embed

谢谢！请检查我的小提琴，了解我到目前为止所获得的一切。标记应该是出现在回旋处的标记。

Answer 1

您还必须将标记添加到街景视图（以及与地图上的标记不同的标记。）>

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