PhoneGap/Cordova：Google Maps API - 在我的位置放下別針

Question

我可以在PhoneGap中使用Google Maps API在地圖上顯示我的位置。現在它只顯示地圖 - 沒有pindrop或類似的東西。我想知道是否有人知道如何在你提出的位置放一個別針？

我到目前爲止的代碼是：

//GEOLOCATION 
      var onSuccess = function(position) { 
       var myLat = position.coords.latitude; 
       var myLong = position.coords.longitude; 

       //MAP 
       var mapOptions = { 
        center: new google.maps.LatLng(myLat, myLong), 
        zoom: 14, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
       }; 

      var map = new google.maps.Map(document.getElementById("map_canvas"), 
               mapOptions); 

      }; 

      // onError Callback receives a PositionError object 
      // 
      function onError(error) { 
       alert('code: ' + error.code + '\n' + 
         'message: ' + error.message + '\n'); 
      } 

      navigator.geolocation.getCurrentPosition(onSuccess, onError); 

如果有人能告訴我如何在那個位置，這將是真正真棒落個腳！謝謝

Answer 1

發現它！ https://developers.google.com/maps/documentation/javascript/overlays#Markers

調整我的代碼：

//GEOLOCATION 
      var onSuccess = function(position) { 
       var myLat = position.coords.latitude; 
       var myLong = position.coords.longitude; 

       //MAP 
       var mapOptions = { 
        center: new google.maps.LatLng(myLat, myLong), 
        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: new google.maps.LatLng(myLat, myLong), 
                map: map, 
                title:"Hello World!" 
                }); 

      }; 

      // onError Callback receives a PositionError object 
      // 
      function onError(error) { 
       alert('code: ' + error.code + '\n' + 
         'message: ' + error.message + '\n'); 
      } 

      navigator.geolocation.getCurrentPosition(onSuccess, onError);