Hei,
Mikä olisi teidän mielestä paras ratkaisu/tekniikka tehdä seuraavanlainen web-sovellus.
Haluaisin kuvan päälle pisteitä. Kun pistettä klikkaa, niin aukeaa tekstilaatikko.
Lähinnä kiinnostaisi tuo pisteiden sijoittelu kuvan päälle. Eli pohjalla oleva kuva on staattinen, mutta pisteitä voisi lisätä oman maun mukaan.
Sanoisin että HTML 5 ja Javascript.
Eli css:llä pisteet kuvan päälle haluttuihin kohtiin (esim. prosentteina, jos näytät kuvan responsiivisesti). Javascriptillä vaikka jotain valmista modaali-kirjastoa käyttäen teksti auki.
mrkebab kirjoitti:
Lähinnä kiinnostaisi tuo pisteiden sijoittelu kuvan päälle. Eli pohjalla oleva kuva on staattinen, mutta pisteitä voisi lisätä oman maun mukaan.
Tuo kuulostaa kuvakartalta, eli MAP- ja AREA-elementtien yhdistelmästä.
Yo. linkeissä suomenkielistä tietoa XHTML1-speksin mukaan.
Ainakin Sveitsissä on karttasivu, jonka päälle voi piirtää. https://map.search.ch/?pos=595824,196280&z=32 . Varmaan tuon sivun lähdekoodia voi soveltaa.
Jaska kirjoitti:
Ainakin Sveitsissä on karttasivu, jonka päälle voi piirtää. https://map.search.ch/?pos=595824,196280&z=32 . Varmaan tuon sivun lähdekoodia voi soveltaa.
Kyllä, arvatenkin todella selkeä lukea, mikäli aivan oikea karttasivu.
Jos klikattavat pisteet olisivat mielivaltaisia kuvioita, käyttäisin esim. paperjs:n klikkieventtejä. Tällöin klikattavat alueet voisivat olla mielivaltaisia monikulmioita, mutta lähtökohtaisesti kysyttiin pisteitä, joihin lukisin pienehköt, läpinäkyvät neliöt, joiden kohdalla näytettäisiin esim. ympyränmuotoista grafiikkaa korostamaan klikkialeen keskikohtaa.
Aihe on jo aika vanha, joten et voi enää vastata siihen.