在顯示地圖標記時遇到問題

Question

我不知道我的代碼顯示地圖標記是否有問題。我查看了谷歌開發網站以及博客和堆棧溢出帖子，但似乎無法理解它或由於某種原因無法有效地將其實施到我的代碼中。我想要在地圖上顯示某個地址的標記，點擊該地址後，該地址將顯示該地點的Google地圖的網址。

我的CSS：

var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
var mapOptions = { 
    zoom: 4, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
} 
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 

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

// To add the marker to the map, call setMap(); 
marker.setMap(map); 

我的HTML：

<div style="height: 277px; width: 964px; z-index; 1;"> 
    <div id="map-canvas" style="margin: 0; padding: 0; height: 100%;"></div> 
    </div> 

Answer 1

試試這個：

function initialize() { 
    var myLatlng = new google.maps.LatLng(-25.363882, 131.044922); 
    var mapOptions = { 
     zoom: 4, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 

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

    marker.setMap(map); 

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

編輯：

我如何鏈接標記到一個URL？

var infowindow = new google.maps.InfoWindow({ 
     content: "<a href='http://www.google.com'>Visit Google!</a> " 
    }); 


    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.open(map, marker); 
    });