Marker in Google ist

Question

Karten Hier ist der Code:

<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> 

ich Google Maps Code in asp.net geschrieben wieder verwendet habe, möchte ich eine Markierung in der Karte ist hinzuzufügen, es ist zur Zeit meiner Universität Aufgabe.

Bitte helfen Sie mir.

Google Maps funktionieren bereits einwandfrei, aber keine Marker.

Vielen Dank im Voraus

wie vorgeschlagen:

<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

Von the documentation:

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

Das Ergebnis bearbeitete Code sieht wie folgt aus:

Wenn Sie Markierungen hinzufügen, wenn der Benutzer die Karte klickt Sie es wie folgt tun:

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!' 
    }); 
});