谷歌地圖：無法添加標記

Question

無法添加標記，可能很簡單，但我是新手。謝謝。

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?&sensor=true"></script> 
    <script type="text/javascript"> 

     function addMarker() { 
      var marker = new google.maps.Marker({ 
       position: new google.maps.LatLng(-34.397, 150.644), 

       title:"Hello World!" 
      }); 
     } 


     function initialize() { 
      var mapOptions = { 
       center: new google.maps.LatLng(-34.397, 150.644), 
       zoom: 8, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("map-canvas"), 
      mapOptions); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 

     $(document).ready(function() { 
      addMarker(); 
     }) 

    </script> 

Answer 1

兩個問題，你需要設置地圖標記的變量。您的地圖變量對於初始化函數是本地的。

• 在初始化映射之後，從初始化函數（映射存在的地方）調用addMarker函數。

  function addMarker(map) { 
       var marker = new google.maps.Marker({ 
       position: new google.maps.LatLng(-34.397, 150.644), 
       map:map, 
  
       title:"Hello World!" 
       }); 
      } 
  
      function initialize() { 
       var mapOptions = { 
       center: new google.maps.LatLng(-34.397, 150.644), 
       zoom: 8, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
       }; 
       var map = new google.maps.Map(document.getElementById("map-canvas"), 
       mapOptions); 
       addMarker(map); 
      } 
  

working example

Answer 2

你必須設置地圖屬性的標記構造函數或一個新的對象上調用的setMap：

var marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(-34.397, 150.644), 
      map: map, //make your map object global! 
      title:"Hello World!" 
     }); 

或

marker.setMap(map); 

https://developers.google.com/maps/documentation/javascript/reference#Marker

編輯： 我對評論使地圖對象全局顯然被忽視，所以在這裏它是：

地圖對象應該是全球性的，不僅對這種解決方案的緣故，但你會需要它的多種功能，在你的腳本