Wie man Variable in img src verbindet

Ich habe 2 Variablen: Breite und Länge: Ich möchte es so einfügen.Wie man Variable in img src verbindet

<img src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=15&size=640x640&scale=2&key=example"; Hier ist mein Code:

<head> 
<script type="text/javascript"> 


    function TestGeo() { 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(TestMap, error, {maximumAge: 30000, timeout: 10000, enableHighAccuracy: false}); 
     } else { 
      alert("Sorry, but it looks like your browser does not support geolocation."); 
      } 
     function TestMap(position) { 
      var latitude = position.coords.latitude; 
      var longitude = position.coords.longitude;} 
     </script> 

     </head> 
     <body onload="TestGeo();"> 
     <img src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=15&size=640x640&scale=2&key=example"; 
     </body> 
     </html>

Quelle

2016-12-29 Chalanthorn Chanmathikornkul

sein sollte, weiß ich nicht, welche zu benutzen. Was schlagen Sie vor? Bitte um Rat. –

Beide Sprachen sind machbar. Wo wirst du das brauchen? Front-End- oder Backend-Server-Parsing? –

Ich würde Ihnen helfen, wenn Sie genauer wüssten, wie Sie das in Ihrer App erwarten. – charlietfl

Wenn Sie Javascript verwenden. versuchen, diese

  function TestMap(position) { 
      var latitude = position.coords.latitude; 
      var longitude = position.coords.longitude; 
      var imgsrc = "https://maps.googleapis.com/maps/api/staticmap?center="+latitude+","+longitude+"&zoom=15&size=640x640&scale=2&key=example"; 
      $('#imgselector').attr('src', imgsrc) 
      }

html <img src="" id="imgselector"/>

Quelle

2016-12-29 07:26:00 Sharmila

Nicht markiert jQueru und Verkettung ist identisch mit meinem Kommentar – mplungjan

@mplungjan Ich lege es in meinen Code aber Die Karte wird nicht angezeigt –

Wie man Variable in img src verbindet

Antwort

Verwandte Themen