Добавить маркеры в Google Maps

Question

Вот код:

<div class="mgn-top-10"> 
         <asp:Label ID="lbcontact" runat="server" ></asp:Label> 



    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

    <script type="text/javascript"> 
     window.onload = function() { 
      var lat = document.getElementById('latitude').innerHTML; 
      var lan = document.getElementById('longitude').innerHTML; 
      var mapOptions = { 
       center: new google.maps.LatLng(lat, lan), 
       zoom: 14, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var infoWindow = new google.maps.InfoWindow(); 
      var latlngbounds = new google.maps.LatLngBounds(); 
      var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions); 
      google.maps.event.addListener(map, 'click', function (e) { 
       document.getElementById('latitude').innerHTML= e.latLng.lat(); 
       document.getElementById('longitude').innerHTML = e.latLng.lng(); 

      }); 

     } 

</script> 

      <asp:Label ID="latitude" runat="server" ForeColor ="#f8f5f5" ></asp:Label> 

       <asp:Label ID="longitude" runat="server" ForeColor ="#f8f5f5" ></asp:Label> 

    <div id="dvMap" style="width: 700px; height: 300px"> 
    </div> </div> 

Я повторно Google Maps код, написанный на asp.net, я хочу, чтобы добавить маркер в МАП, это в настоящее время мой университет задачей.

Пожалуйста, помогите мне.

Карты Google уже работают отлично, но без маркеров.

Заранее спасибо

как предложено:

<script type="text/javascript"> 
     window.onload = function() { 
      var lat = document.getElementById('latitude').innerHTML; 
      var lan = document.getElementById('longitude').innerHTML; 
      var mapOptions = { 
       center: new google.maps.LatLng(lat, lan), 
       zoom: 14, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var infoWindow = new google.maps.InfoWindow(); 
      var latlngbounds = new google.maps.LatLngBounds(); 
      var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions); 
      var myLatLng = {lat: -25.363, lng: 131.044}; 
      var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    title: 'Hello World!' 
}); 
      google.maps.event.addListener(map, 'click', function (e) { 
       document.getElementById('latitude').innerHTML= e.latLng.lat(); 
       document.getElementById('longitude').innerHTML = e.latLng.lng(); 

      }); 

     } 

</script> 

Answer 1

От the documentation:

var myLatLng = {lat: -25.363, lng: 131.044}; 
var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    title: 'Hello World!' 
}); 

В результате использования отредактированного кода выглядят следующим образом:

Если вы хотите добавить маркеры, когда пользователь нажимает на карте вы можете сделать это следующим образом:

google.maps.event.addListener(map, 'click', function (e) { 
    document.getElementById('latitude').innerHTML= e.latLng.lat(); 
    document.getElementById('longitude').innerHTML = e.latLng.lng(); 
    var myLatLng = {lat: e.latLng.lat(), lng: e.latLng.lng()}; 
    var marker = new google.maps.Marker({ 
     position: myLatLng, 
     map: map, 
     title: 'Hello World!' 
    }); 
});