Keskustelu: Nettisivujen teko: Piste kuvaan PHP:llä ja JS:llä

Eli teen sukelluskohde sivustoa, jolle käyttäjät voivat lisätä sukelluskohteitaan, ja jotenkin pitäisi saada tehtyä sellainen, että käyttäjä voi vaikka hiirellä klikata kuvaa Suomen kartasta, tai muulla tavalla osoittaa, missä kohde sijaitsee, sen jälkeen PHP skripti tai vastaava tekee kuvaan pienen punaisen ympyrän, jossa kohde sijaitsee.

En tiedä onko tuo edes mahdollista, mutta ainakin tuolla Ohjelmointiputkan käyttäjäsivulla on täppä Suomen kartassa kotikunnan kohdalla. Eli se kohta on varmaan mahdollinen.
Eli Javascriptillä (-kö?) pitäisi saada sellainen joka poimii kuvasta klikatut koordinaatit, ja PHP tallentaa ne kuvaan.
Jos tuo JS osuus ei onnistu, niin mahdollista on myös se että käyttäjä antaa WGS84 koordinaatit (kartta koordinaatit) ja niiden avulla sitten PHP piirtää karttaan merkin.

Mutta kiitoksia jo etukäteen jos joku tietää miten tuon saa tehtyä!

En tiedä kuinka hyvää olet tekemässä, mutta wikipediassa on tällainen
toteutus. Taidat joutua jakamaan Suomen kartan pienempiin
osiin jotta kaikki pikku järvet ja lammet löytyvät.
Kerro tarkemmin niin katotaan.

Katso sivun lähdekoodia
http://upload.wikimedia.org/wikipedia/commons/a/a3/Mikkeli.sijainti.suomi.2008.svg

Ja sivu jossa kartta käytössä http://fi.wikipedia.org/wiki/Mikkeli

Tuosta saat kaikkien Suomen kuntien koordinaatit
http://www.veijola.net/kunnat/

EDIT: huomasin juuri että gmapsiin voi syöttää suoraan
koordinaatit. 62.583 23.617 = Alavus

Taidat päästä helpommalla jos sijainnin merkkaus tapahtuu
tapahtuu gmapsissa ja tallennat vain linkin.

Google Maps API anyone?

Google Mapsilla saisi oikeasti ihan tarkankin kohteen, eikä mitään summittaista pistettä (joka voisi heittää useita kymmeniä kilometrejä).

http://code.google.com/intl/fi-FI/apis/maps/documentation/reference.html

Esimerkki kartan klikkauksesta:
http://code.google.com/intl/fi-FI/apis/maps/documentation/examples/event-removal.html

Reverse GeoCoding:
http://code.google.com/intl/fi-FI/apis/maps/documentation/services.html­#ReverseGeocoding

Olen itsekin tutkinut Wikipedian koodia, mutta mitään ei oikein ole irronnut. Ideana olisi siis se että olisi vaikka Suomi jaettu maakuntiin, ja maakunnan kartalla on täppiä, joita painamalla aukeaa kohteen oma sivu. Linkin kuvan päälle osaan tehdä, mutta ainut ongelma on miten saan kuvaan tehtyä ympyrän joka merkkaa paikan. Jos vaikka Antti suostuisi paljastamaan mikä on tuon Putkan käyttäjäsivulla olevan Suomen kartan sijainti täpän mystinen koodi ;)

PS. Ja voisin kyllä käyttää jotakin valmista palvelua, mutta osittain tässä on ideana se ohjelmoinnin ilo, huomata lopuksi että "Sehän toimii!!" Eli haluaisin tehdä koko sivuston itse :)

ImageMapilla voisi toteuttaa tuon paikan tarkan määrityksen, jos siis kuvaa päätyy käyttämään. Tällöin poistuu javascript-pakollisuus.

Väpä kirjoitti:

Jos vaikka Antti suostuisi paljastamaan mikä on tuon Putkan käyttäjäsivulla olevan Suomen kartan sijainti täpän mystinen koodi ;)

Eiköhän se toimi jotakuinkin seuraavasti:

<?php
  //halutut koordinaatit
  $x = 50;
  $y = 150;

  //ladataan kartta pohjaksi
  $kuva = imagecreatefrompng  ( 'suomi.png' );

  //valitaan kiva väri
  $sininen = imagecolorallocate($im, 102, 102, 255);

  //piirretään "pallukka"
  imagefilledrectangle($kuva, $x, $y, $x+3, $y+3, $sininen);

  //näytetään kuva
  imagepng($kuva);
?>

Väpä kirjoitti:

PS. Ja voisin kyllä käyttää jotakin valmista palvelua, mutta osittain tässä on ideana se ohjelmoinnin ilo, huomata lopuksi että "Sehän toimii!!" Eli haluaisin tehdä koko sivuston itse :)

Google Mapsissa riittäisi työtä, mutta silti kartat on tarkempia ja käytettävämpiä kuin mikään yksittäinen kuva. Tarkoitushan loppupelissä on olla informatiivinen käyttäjille, eikä pelkästään projekti koodaajalle :)

Minkälaista tarkkuutta haluat 1-2km vai pari metriä?

No jotta osuu ees oikeaan järveen, niin mieluummin kuitenkin se Google Maps.