Forum PHP.pl > [JavaScript]Problem z Google Maps

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Problem z Google Maps

trifek

22.09.2016, 21:27:07

Witam serdecznie,
Mam taki kod:

[HTML] pobierz, plaintext 
 
<!DOCTYPE html>
<html lang="pl">
	<head>
    	<meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <meta name="description" content="">
	    <title></title>
 
        <meta name="googlebot" content="index, follow" />
        <meta name="robots" content="index,follow" />
        <meta http-equiv="Cache-Control"  content="no-store, no-cache, must-revalidate" />
        <meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
        <meta http-equiv="Pragma" content="no-cache" />
 
        <script src="js/jquery-2.1.1.min.js"></script>	
 
 
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTMtpxeKLL1goekXSe73nSY8mtgK9q2ys&v=3.exp&callback=initMap"></script>
	</head>
</body>
</html>
 
[HTML] pobierz, plaintext

I to mi zwraca:
InvalidValueError: initMap is not a function

Strona jest oczywiście większa, ale to już się sypie nawet w takim małym fragmencie

Co mam nie tak w powyższym kodzie?

mattii

22.09.2016, 21:36:23

spróbuj:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTMtpxeKLL1goekXSe73nSY8mtgK9q2ys&v=3.exp&callback=initMap" async defer></script>
[HTML] pobierz, plaintext

trifek

22.09.2016, 23:15:15

nie pomogło

Może jak podam cały skrypt, to będzie łatwiej:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl">
	<head>
    	<meta charset="utf-8">
        <meta name="googlebot" content="index, follow" />
        <meta name="robots" content="index,follow" />
        <meta http-equiv="Cache-Control"  content="no-store, no-cache, must-revalidate" />
        <meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
        <meta http-equiv="Pragma" content="no-cache" />
        <script src="js/jquery-2.1.1.min.js"></script>	
	    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTMtpxeKLL1goekXSe73nSY8mtgK9q2ys&v=3.exp&callback=initMap"></script>
	    <script src="jquery.geolocation.edit.js"></script>
	</head>
<script type="text/javascript">
$(document).ready(function() {
 $("#map").geolocate({
	lat: "#lat",
	lng: "#lng"
});
 
});    
</script>
<style>
    #map { width:100%; height:400px; }
</style>
 
<div id="map"></div>
    <input type="hidden" class="txtfield" id="lat" value="54.580570" name="szer">
    <input type="hidden" class="txtfield" id="lng" value="16.862211" name="dl">
 
</body>
</html>
[HTML] pobierz, plaintext

tutaj jest to online: http://serwer1356363.home.pl/teste.html

markuz

23.09.2016, 00:14:51

https://maps.googleapis.com/maps/api/js?key...p&callback=initMap

Cytat z dokumentacji:

Cytat

The async attribute lets the browser render the rest of your website while the Maps JavaScript API loads. When the API is ready, it will call the function specified using the callback parameter.

Czyli jak skrypty odpowiedzialne za API się wczytają to wywołują funkcję która nazywa się initMap - u Ciebie jej nie ma a powinna być. A więc możesz dodać:

Kod

var initMap = function() {
// tutaj tworzysz mape
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.