Google Maps API - 顯示/添加自定義位置（標記）

Question

我想在我的網站的Google地圖上顯示帶有圖標和標籤的自定義位置。

Answer 1

在頭部插入以下JS庫和編碼。更改LatLng以匹配您的確切位置。

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 

<script> 
function initialize() { 
    var myLatlng = new google.maps.LatLng(7.316306, 80.622160); 
    var mapOptions = { 
    zoom: 14, 
    center: myLatlng 
    } 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'My new location is this :P' 
    }); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

</script> 

然後在正文部分插入此div以顯示地圖。

<div id="map-canvas" width="350" height="271"></div>