Avaleht
uus teema   vasta Tarkvara »  Programmeerimine »  Responsive Google Maps, PHP märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
radok
Kreisi kasutaja

liitunud: 28.12.2008
sõnum 08.08.2016 14:31:40 Responsive Google Maps, PHP vasta tsitaadiga
Loon üht veebilehte ProcessWire sisuhaldussüsteemi põhjal. Kuna hetkel oma server puudub (Synology vms) ja kellegi juures veebi ei host'i, siis kasutan WAMP serverilahendust (localhost).
Probleemi tekitab Google Maps lisamine veebilehele.

Kasutan seda õpetust:
http://stackoverflow.com/a/17604539 , mille minupoolne variant on siin: http://jsfiddle.net/5AEEV/342/#&togetherjs=iaPN0r9Cxi

Miskipärast ei kuvata kaarti aga veebilehel.
Lõin küll uue javascript dokumendi (C:\wamp64\www\site\templates\js kausta), kopeerisin (C:\wamp64\www\site\templates\css\bootstrap-theme.css) css dokumenti esimesele reale vastava asja ja lõpuks siirdusin (C:\wamp64\www\site\templates\home.php) php faili juurde, kuhu kopeerisin ka etteantud read, aga kaarti ei kuvata:


<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="js/mymap.js"></script>


<div class='section section-locations' >

  <div class='container pd-t-lg pd-b-lg'>

    <?php
    $cp_times = 'Pühapäeviti: 10:00';
    ?>

    <div class="row">
       <div class='col-md-12 pd-b-md text-center'>
           <h1>Asukoht<span class='hidden-sm hidden-md hidden-lg'><br/></span> <?php echo $home_service_times;?></h1>
      </div>
    </div>

   
    <div class='row'>
         <div class="col-xs-12 col-sm-4 col-md-4">
             <div class='pd-xs'>

         <div id="mymap"></div>
         
         
                  
         <h3>Headeri tekst</h3>
           <p class='campus-times'><?php echo $cp_times;?></p>

           <ul class="fa-ul">

                <li><a href='http://google.com' target="_blank"><i class="fa-li icon-location-pin-1"></i>Aadress<br/>
            aadress </a></li>

            </ul>
            <div class='mg-t-sm2'><a href='#' class='btn btn-default btn-left  '><i class='icon-right-4 icon-fw'></i> Info</a></div>
            </div>
        </div>

         
    </div>


  </div>
</div>



Mida ma valesti teen?

Ühtlasi, õpetuses on HTML all kirjutatud: Add the following code before the tag - millist tag'i on mõeldud?
Samuti ka Add this to the modal code - mis asi on modaalkood?
Kommentaarid: 26 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 26
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 08.08.2016 14:45:45 vasta tsitaadiga
Loe brauseri dev konsoolis olevat veateadet. Seal on kõik vajalik kirjas.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
radok
Kreisi kasutaja

liitunud: 28.12.2008
sõnum 08.08.2016 15:07:15 vasta tsitaadiga
Seda või?


Kuhu too API võti on vaja sisestada?
Kommentaarid: 26 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 26
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 08.08.2016 15:17:08 vasta tsitaadiga
Seal on ju lingid olemas info juurde
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
radok
Kreisi kasutaja

liitunud: 28.12.2008
sõnum 08.08.2016 17:06:42 vasta tsitaadiga
Kasutades seda linki: https://developers.google.com/maps/documentation/javascript/get-api-key
Enne oli selline rida :
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>


Muutsin selle selliseks:
<script src="https://maps.googleapis.com/maps/api/js?key=[siin on minu API võti]&callback=initMap&sensor=false"></script>


Muutust ei toimu...
Kommentaarid: 26 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 26
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 08.08.2016 17:28:45 vasta tsitaadiga
radok, aga loe sisi jälle mis konsoolis kirjas on. Tõenäoliselt on nüüd jutt sellekohta, et initMap callbacki ei suudeta leida.


Üldiselt võiksid kõigepealt selgeks teha kuidas Gmapsi JS API üldse toimib. Ja alles siis hakata muid asju vaatama - kuidas responsiveks teha jne. PS! sellejaoks on vaja ainult 100% laius kaardile anda ja mingisugune fix kõrgus. Igasugu javascriptid jmt ei puutu asjasse.

Kõige targem on üldiselt siiski API enda dokumentatsioonist näiteid vaadata mitte lugeda aastaid vanu kolmanda poole kirjutisi mis enam ei toimi hästi.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  Programmeerimine »  Responsive Google Maps, PHP
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.