2015-08-18 58 views
0

首先,我不確定這個問題是否真的用於堆棧溢出,請告訴我應該在何處移動它。街道視圖中的地圖標記

是否可以在Google Maps Street View中添加自定義引腳(地圖標記)?如果答案是「是」,請提供有關如何完成的附加信息(鏈接到來源,提示等)。試圖在谷歌搜索「谷歌地圖街景標記」,但我找不到任何相關的東西。

回答

3

有可能

你可以很容易找到的樣本像this on google dev

這是由谷歌開發的JS代碼示例

var panorama; 

function initMap() { 
    var astorPlace = {lat: 40.729884, lng: -73.990988}; 

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

    // Set up the markers on the map 
    var cafeMarker = new google.maps.Marker({ 
     position: {lat: 40.730031, lng: -73.991428}, 
     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: {lat: 40.729681, lng: -73.991138}, 
     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: {lat: 40.729559, lng: -73.990741}, 
     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); 
    } 
}