iT邦幫忙

0

Google Map api地圖標記標題未出現

  • 分享至 

  • xImage

最近在接觸google map api由於第一次使用所以不確定是否有缺少應該啟用的api,目前有啟用的api有Map javascript api以及Maps static api。

在製作地圖標記的時候,第一次刷新頁面點擊標記會出現我所設定的title,但刷新第二次之後title救出不來了,請問會是那些原因造成的?

以下是google map javascript的部分

<script>
    var map;
    var myLatLng = {lat: 23.858, lng: 120.917};
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: myLatLng,
            zoom: 8
        });
        var marker = new google.maps.Marker({
           position:{lat:24.045,lng:120.687},
           map:map,
           title:'Hellow World'
        });

    }
</script>

然後再嘗試多個標記的時候變成地圖直接出不來請問試是我javascript寫錯了嗎?
以下是多個標記我的寫法。

<script>
    var map;
    var myLatLng = {lat: 23.858, lng: 120.917};
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: myLatLng,
            zoom: 8
        });
        var data = [
            {
                position:{lat:24.0422,lng:120.6996},
                map:map
            },
            {
                position: {lat:24.0445,lng:120.6994},
                map:map
            }];
        for(var i = 0; data.length>1;i++){
            var marker = new google.maps.Marker({data[i]});
        }
    }
</script>
https://stackoverflow.com/questions/18230099/pin-mark-multiple-locations-on-map-in-html5-javascript-jquery

剛剛試了一下
title 看起來是用 hover?

第二個問題
data.length>1 這是無窮迴圈 改成 i<data.length
把 data[i] 外面的大括號拿掉
非常感謝您,我繼續嘗試看看
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答