Kann MissingKeyMapError nicht lösen google API

weiter auf den fehlenden Schlüssel Fehler, im Grunde lese ich Latitude und Länge Werte bilden ausgeblendete Spalten auf einer Aspx-Seite, senden Sie sie an eine .JS-Datei.Kann MissingKeyMapError nicht lösen google API

function showMap(param1, param2) { 
    var strURL = "ShowSegmentOnMap.aspx?string1=" + param1 + "&string2=" + param2 + ""; 
    var mywindow = window.open(strURL, "", "width=1200,height=800,scrollbars=1,resizable=1,top=10,left=200"); 
}

Die lat lang werden dann an die zweite aspx Seite geleitet, die einfach annehmen, um eine Pin auf der Karte platzieren die lat und lange verwendet wird. Ich habe hart daran, die lat lange Werte für jetzt codiert ... nur versucht, die Karte zu bringen und kein Glück

<script src="http://maps.googleapis.com/maps/api/js?key=MY_KEY"></script> 
 
    
 
<script> 
 
    //var latValue = document.getElementById('lblsegment1'); 
 
    //var longValue = document.getElementById('lblsegment2'); 
 
     var latValue = 40.76; 
 
     var longValue = 111.89; 
 
     var map; 
 
      function initMap() { 
 
       var mapProp = { 
 
        center: new google.maps.LatLng(latValue, longValue), 
 
        zoom: 7, 
 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
 
       }; 
 
       var map = new google.maps.Map(document.getElementById("googleMap"), mapProp); 
 
      } 
 
      
 
     
 
      function loadScript() { 
 
       var script = document.createElement("script"); 
 
       script.type = "text/javascript"; 
 
       script.src = "http://maps.googleapis.com/maps/api/js?callback=initMap"; 
 
       document.body.appendChild(script); 
 
      } 
 

 
      window.onload = loadScript; 
 
    </script>

<div style="width:100%; height:100%"> 
 
    <div id="googleMap"></div></div>

Quelle

2016-08-02 Frank0x4c

Funktion showmap mit (param1 , param2) { var strURL = "ZeigeSegmentOnMap.aspx? string1 =" + param1 + "& string2 =" + param2 + ""; var mywindow = window.open (strURL, "", "width = 1200, height = 800, Bildlaufleisten = 1, resizable = 1, top = 10, left = 200"); }. Ich bekomme das Popup-Fenster und die Karte blinkt für eine Sekunde, dann die OOps-Nachricht – Frank0x4c

<script> 
 

 
     $(document).ready(function() { 
 

 
      var latValue = document.getElementById('hflat').value; 
 

 
      var longValue = document.getElementById('hflng').value; 
 

 
      console.log(latValue); 
 

 
      var map; 
 

 
      initMap(); 
 

 
      function initMap() { 
 

 
       position = { lat: 40.72072, lng: -111.901066 }; 
 

 
       map = new google.maps.Map(document.getElementById("map"), { 
 
        zoom: 15, 
 
        zoomEnd: function (e) { console.log(e.sender.zoom()); }, 
 
        center: position, 
 
        mapTypeId: google.maps.MapTypeId.HYBRID 
 

 
       }); 
 

 
       marker = new google.maps.Marker({ 
 
        position: position, 
 
        map: map, 
 
        draggable: true, 
 
       }); 
 

 
       map.setCenter(marker.position); 
 

 
       marker.setMap(map); 
 
      } 
 
     }); 
 
       
 

 
    </script>

<body> 
 
    <form id="form1" runat="server"> 
 
     <div style="width: 100%; height: 100%"> 
 
      <div id="map" class="col-sm-12" style="width: 95%; height: 95%;">Map</div> 
 
     </div> 
 

 
     <asp:HiddenField ID="hflat" runat="server" /> 
 
     <asp:HiddenField ID="hflng" runat="server" /> 
 
    </form> 
 
</body>

Quelle

2016-08-02 23:46:30 Frank0x4c

Der obige Code geht in Ihre aspx-Datei, fügen Sie diese beiden Zeilen in den Code hinter die lat, lange Werte aus der JS-Datei zu lesen .... ..... hoffentlich hilft das jemandem ... this.hflat.Value = Request.QueryString ["lat"]; this.hflng.Value = Request.QueryString ["Lng"]; – Frank0x4c

Kann MissingKeyMapError nicht lösen google API

Antwort

Verwandte Themen