google-maps - 在 Google 街景中标记建筑物/对象

Question

我想在我的网页中标记（或标记）Google 街景上的建筑物（或对象），并且我在文章中找到了适用于 Android APP（JavaScript/WebView）的解决方案“我想添加弹出框/覆盖/安卓谷歌地图街景热点。” 但解决方案不适用于网页。

是否有任何可用于网页的解决方案？

谢谢大家！

Answer 1

使用 google.maps.Marker 类

function initialize() {

        var hongkongolympic = new google.maps.LatLng(22.320701, 114.160688);

        var mapOptions = {
                center: hongkongolympic,
                zoom: 14,
                mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(
                document.getElementById('map-canvas'), mapOptions);

        var marker = new google.maps.Marker({
                position: hongkongolympic,
                map: map,
                title: "Hello World!"
        });

        var panoramaOptions = {
                position: hongkongolympic,
                pov: {
                        heading: 150,
                        pitch: 10
                }
        };

        var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'), panoramaOptions);

        var marker2 = new google.maps.Marker({
                position: hongkongolympic,
                map: panorama
        });

}

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