Upota kaavio Web-sivulle

Jos olet verkkosivujen kirjoittaja, voit upottaa ERDDAP Make A Graph -kuvan URL-osoitteen suoraan yhdelle verkkosivullesi HTML- tunnisteella <img> .

1. ERDDAP :ssa etsi kiinnostavaa tietojoukkoa.
    
2. Napsauta tietojoukon graph nähdäksesi Make A Graph -verkkosivun.
    
3. Muokkaa kaaviota, kunnes se näyttää siltä kuin haluat.
    
4. Määritä File Type (esimerkiksi .png) ja hae URL- view the URL tekstikentästä.
    
5. Voit tehdä lisää muutoksia kuvaan lisäämällä URL-osoitteeseen muita komentoja. Voit esimerkiksi lisätä komentoja määrittääksesi minkä tahansa kuvan koon, poistaaksesi ylimääräisen välilyönnin kuvan alareunasta ja/tai valita, haluatko tarkastella kaaviota ilman selitystä. Katso griddap-dokumentaatio tai tabledap dokumentaatio .
    
6. Valmistautuessasi käyttämään URL-osoitetta HTML-tunnisteessa <img>, sinun on koodattava kaikki URL-osoitteen & -esiintymät muodossa &amp; .
    
7. Valmistauduttaessa käyttämään URL- osoitetta HTML-tunnisteessa <img>, sinun on koodattava prosentteina URL-osoitteen kyselyosan erikoismerkit (muut kuin alkuperäinen & ja '=' rajoituksissa) muotoon %HH, jossa HH on merkin 2-numeroinen heksadesimaaliarvo. Yleensä sinun tarvitsee vain muuntaa muutama välimerkki: % muotoon %25, & muotoon %26, "muotoon %22, < muotoon %3C, = muotoon %3D, > muotoon %3E, + muotoon %2B, | %7C:ksi, [ %5B:ksi, ] %5D:ksi, välilyönti %20:ksi ja muunna kaikki yli #127 olevat merkit UTF-8-muotoon ja sitten prosenttikoodaa jokainen UTF-8-lomakkeen tavu %HH-muotoon (pyydä ohjelmoijalta apua).
   Esimerkiksi &stationID>="41004"
   tulee      &stationID%3E=%2241004%22
   Huomaa, että prosenttikoodaus vaaditaan yleensä, kun käytät ERDDAP muun ohjelmiston kuin selaimen kautta. Selaimet käsittelevät yleensä prosenttikoodauksen puolestasi.
   Joissakin tilanteissa sinun on prosenttikoodattava kaikki muut merkit paitsi A-Za-z0-9_-!.~'()*, mutta älä silti koodaa alkukirjainta & tai päämerkkiä '=' rajoituksissa.
   Ohjelmointikielillä on työkaluja tähän (katso esimerkiksi Java java.net.URLEncoder ja Java Scriptin encodeURIComponent() ) ja niitä on
   Web-sivustot, jotka koodaavat/purkaavat sinua puolestasi .
    
8. Ruudukkotietojoukoissa voit muuttaa URL-osoitteen aikaulottuvuuden arvon (last) jotta kuvassa näkyy aina viimeisimmän päivämäärän/ajan tiedot tietyn päivämäärän/ajan sijaan.

   Tai taulukkotietojoukoissa voit muuttaa URL-osoitteen aikarajoituksen esimerkiksi time>now-2days jotta kuvassa näkyy aina tiedot 2 päivän ajalta tähän päivään. (lisää tietoa)

   Tai taulukkotietosarjoissa voit muuttaa URL-osoitteen aikarajoituksen esimerkiksi time>max(time)-2days jotta kuvassa näkyy aina datajoukon viimeisten kahden päivän tiedot. (lisää tietoa)

9. Tee HTML-dokumenttiin img-tunniste, joka viittaa esimerkiksi kyseiseen muokattuun URL-osoitteeseen

   <img src="https://coastwatch.pfeg.noaa.gov/erddap/griddap/erdBA sst a5day.png?
   sst %5B(viimeinen)%5D%5B(0.0)%5D%5B(22.0):(50.0) )%5D%5B(225.0):(255.0)%5D&amp;.draw=pinta&amp;.vars=pituusaste%7Leveysaste%7C sst &amp;.colorBar=Rainbow%7CC%7CLinear%7C8%7C32%7C"alt="SST, Blended, West US (kokeellinen, 5 päivän yhdistelmä)">

   Tai jos haluat olla hieno, tässä on esimerkki, joka sisältää"suurin"- ja"muokkaa"-linkit. Huomaa, että URL-osoitteilla on eri tiedostotunnisteet (.largePng, .graph ja .png).

   <a href="https://coastwatch.pfeg.noaa.gov/erddap/griddap/erdBA sst a5day.largePng?
   sst %5B(viimeinen)%5D%5B(0.0)%5D%5B(22.0):(50.0 )%5D%5B(225.0):(255.0)%5D&amp;.draw=pinta&amp;.vars=longitude%7Clatitude%7C sst &amp;.colorBar=Rainbow%7CC%7CLinear%7C8%7C32%7C">suurin</.
   a>
   <a href="https://coastwatch.pfeg.noaa.gov/erddap/griddap/erdBA sst a5day.graph?
   sst %5B(viimeinen)%5D%5B(0.0)%5D%5B(22.0):(50.0 )%5D%5B(225.0):(255.0)%5D&amp;.draw=pinta&amp;.vars=longitude%7Clatitude%7C sst &amp;.colorBar=Rainbow%7CC%7CLinear%7C8%7C32%7C">muokkaa kuvaa / lataa tiedot</a>
   <br>
   <img src="https://coastwatch.pfeg.noaa.gov/erddap/griddap/erdBA sst a5day.png?
   sst %5B(viimeinen)%5D%5B(0.0)%5D%5B(22.0):(50.0) )%5D%5B(225.0):(255.0)%5D&amp;.draw=pinta&amp;.vars=pituusaste%7Leveysaste%7C sst &amp;.colorBar=Rainbow%7CC%7CLinear%7C8%7C32%7C"alt="SST, Blended, West US (kokeellinen, 5 päivän yhdistelmä)">
   

   Tuo esimerkki tekee nämä linkit ja tämän kuvan:

   suurin muokkauskuva / lataustiedot
   

Ottaa yhteyttä

Kysymyksiä, kommentteja, ehdotuksia? Lähetä sähköpostia osoitteeseen erd dot data at noaa dot gov ja liitä mukaan ERDDAP URL-osoite, joka liittyy suoraan kysymykseesi tai kommenttiisi.

Tai voit liittyä ERDDAP Google -ryhmään / postituslistaan ​​käymällä osoitteessa https://groups.google.com/forum/#!forum/erddap ja klikkaa"Hae jäsenyyttä". Kun olet jäsen, voit lähettää kysymyksesi sinne tai etsiä, onko kysymys jo esitetty ja siihen on vastattu.

 

---

ERDDAP, versio 2.26
Vastuuvapauslausekkeet | Tietosuojakäytäntö | Ottaa yhteyttä