Προβλημα με SVG map

[slevinkelevra]

Γεια σας και πάλι.

Στην δουλεια που είμαι τωρα, πρεπει να φτιάξω εναν χαρτη με SVG.

Μοιαζει αρκετα ευκολο, τα βασικα τα εχω δει ηδη.

 

Εκει που κολλαω ειναι το θεμα των συντεταγμενων του χαρτη, πως θα γινει σωστα το zoom και το pan και η συνδεση SVG map με GeoLocation HTML5.

 

Οποιος εχει πηγες/βοηθεια/links/sites σχετικα με τα παραπανω θεματα, παρακαλω ας μου πει, εχω κολλησει και δεν ξερω απο που να το πιασω για να γινει σωστα.

 

(Ναι το ξερω οτι υπαρχουν και τα Google Maps, αλλα δεν με αφηνουν να τα χρησιμοποιησω. Δεν ξερω γιατι. Ουτε αυτοι μαλλον)

 

Ευχαριστώ πολύ προκαταβολικα

[nspyrou]

Γεια σας και πάλι.

Στην δουλεια που είμαι τωρα, πρεπει να φτιάξω εναν χαρτη με SVG.

Μοιαζει αρκετα ευκολο, τα βασικα τα εχω δει ηδη.

 

Εκει που κολλαω ειναι το θεμα των συντεταγμενων του χαρτη, πως θα γινει σωστα το zoom και το pan και η συνδεση SVG map με GeoLocation HTML5.

 

Οποιος εχει πηγες/βοηθεια/links/sites σχετικα με τα παραπανω θεματα, παρακαλω ας μου πει, εχω κολλησει και δεν ξερω απο που να το πιασω για να γινει σωστα.

 

(Ναι το ξερω οτι υπαρχουν και τα Google Maps, αλλα δεν με αφηνουν να τα χρησιμοποιησω. Δεν ξερω γιατι. Ουτε αυτοι μαλλον)

 

Ευχαριστώ πολύ προκαταβολικα

 

Ποιός δεν σε αφήνει να χρησιμοποιήσεις το Google Maps?!?!?!

[PCharon]

Για GeoLocation δε ξέρω, αλλά το πρώτο τεχνικό μέρος άρθρα σαν αυτό είναι αρκετά για να το καταλάβεις πώς θα πάει περίπου.

 

Αλλά το θέμα είναι, θα φτιαχτεί κάτι που (απ'όσο κατάλαβα στα γρήγορα γιατί δεν έχει τύχει να ασχοληθώ) δε θα υποστηρίζεται από ΙΕ7/8 που συναποτελούν τεράστιο κομμάτι από την πίτα των επισκεπτών! Τράβα και πεσ'τους... "are you sure?" (εκτός αν σκέφτηκαν πως μέεεεεχρι να το ολοκληρώσεις το έργο θα έχουν εξαφανιστεί οι ΙΕ7/8, χαχαχα)

[slevinkelevra]

nspyrou, ο υπευθυνος του project. είναι θέμα έρευνας, οποτε κατι "έτοιμο" απορριπτεται με μπουνιες. επισης η αναπτυξη απο την αρχη, σου επιτρεπει ευελιξια να φτιαξεις αυτο που θες ακριβως, συμφωνα με τις προδιαγραφες που τεθηκαν απο την αρχη. Βεβαια ολα αυτα ειναι καλα στα λογια, γιατι υπαρχουν θεματα, οπως αυτο που ειπε ο PCharon για τον IE.

 

PCharon. Καταρχας thanxz, φαινεται ok αρθρο αν και δεν προλαβα να το διαβασω όλο. Ναι ο IE ειναι ενα θεμα, δεν ξερω τι θα κανω και μ αυτο. Πλακα-πλακα εχω αρκετο χρονο μπροστα μου για να το ολοκληρωσω, οποτε , δεν ξερεις, η Microsoft μπορει να κανει κανα θαυμα μεχρι τοτε.

 

Κανάς άλλος κάτι?

 

Thanxz και πάλι

[kagelos]

Ο IE9 υποστηρίζει SVG. Δες αυτή την βιβλιοθήκη. Είναι wrapper για SVG με fallback σε VML οπότε δουλεύει σε όλους τους browsers, ακόμα και σε κινητά.

 

Παρόλα αυτά, το ότι μπορείς να ζωγραφίσεις σχήματα στον browser με javascript, δεν σημαίνει ότι μπορείς να ζωγραφίσεις και χάρτες. Εξαρτάται τι εννοείς με τον όρο χάρτες.

 

1) Τα δεδομένα (σχήματα & συντεταγμένες) των χαρτών που αποθηκεύονται;

2) Για τι μεγέθη μιλάμε; Αν π.χ. θες απλά να δείχνεις 5-10 οικοδομικά τετράγωνα ΟΚ. Αν θες να δείχνεις πόλεις, χώρες, διάφορα layers κλπ. κλπ., σίγουρα δεν γίνεται με SVG και javascript!

 

Αν πάντως τα δεδομένα σου δεν είναι και πολύ βαριά, χρησιμοποίησε το OpenLayers. Είναι javascript GUI για να φορτώνει χάρτες. Έχει την δυνατότητα να δείχνει και vector χάρτες - όχι μόνο εικόνες. Άρα μπορείς να φτιάξεις ένα vector layer, όπως το λέει και να του δίνεις απλά τα σχήματα με τις συντεταγμένες. Θα δουλέψει αμέσως, χωρίς κόπο, με pan και zoom.

 

http://openlayers.org/dev/examples/behavior-fixed-http-gml.html

http://openlayers.org/dev/examples/canvas.html

 

 

Κατά τα άλλα, για σοβαρές δουλειές ψάξε :

GIS, geographic projection (mercator, WGS84), spatial index, PostGIS, Geoserver, OpenLayers

[slevinkelevra]

Ελα ρε kagelos. Thanxz!!!!!! Την Raphael την ειχα ξαναδει, αλλα δεν ειχα χρόνο να την τσεκαρω σοβαρα.

Το OpenLayers φαινεται μια χαρα, ουτε που το ειχα παρει χαμπαρι.

 

Ε, οχι ο χαρτης θα ειναι ενας ολοκληρος νομος. Προφανως θα μου το δωσουν ετοιμο σε SVG.

 

Ενα απλο αρχειο SVG στον server και ειναι "τυλιγμενο" μεσα σε HTML για να μπει στη σελιδα. Το μονο που περνω απο βαση δεδομενων και θα δημιουργω απο την αρχη καθε φορα, ειναι καποια σημεια (τετραγωνακια), τα εμφανιζω συμφωνα με το x και το y τους.

 

Κατα τα αλλα τιποτα ιδιαιτερο. Αντε να προσθεσω και τιποτα layers . Λες να εινα προβλημα το μεγεθος του χαρτη?

[PCharon]

Tους ενοχλεί τους εργοδότες ένα άιφρέιμ/σκρίπτ του google maps και δεν τους χαλάει κοτζάμ βιβλιοθήκη μόνο για να διαβάζεις τα SVG στους ΙΕ;

[kagelos]

Το OpenLayers δέχεται vectors σε GML, όχι σε SVG.

Δες π.χ. το request του πρώτου από τα δύο παραδείγματα, επιστρέφει αυτό :

 

http://openlayers.org/dev/examples/gml/polygon.xml

 

Αν δεις τον κώδικα του παραδείγματος :

 

>
           var map;
       
           function init(){
               map = new OpenLayers.Map('map');

               //Αυτό μπορείς να το αφαιρέσεις ώστε να μην δείχνει χάρτες από κάτω αν δεν θέλεις
               //έτσι και αλλιώς το projection των δεδομένων σου μάλλον δεν θα είναι σε 
               //spherical mercator
               var wms = new OpenLayers.Layer.WMS(
                   "OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0",
                   {layers: 'basic'}
               );

               //εδώ φορτώνει το GML πολύγωνο. Θα μπορούσε να είναι ένα web service από πίσω
               //ή απλά αποθηκευμένα αρχεία
               var layer = new OpenLayers.Layer.Vector("GML", {
                   strategies: [new OpenLayers.Strategy.Fixed()],
                   protocol: new OpenLayers.Protocol.HTTP({
                       url: "gml/polygon.xml",
                       format: new OpenLayers.Format.GML()
                   })
               });

               map.addLayers([wms, layer]);
               map.zoomToExtent(new OpenLayers.Bounds(
                   -3.92, 44.34, 4.87, 49.55
               ));

 

Τώρα για το μέγεθος, δοκίμασε και βλέπεις. Αν η τάξη μεγέθους είναι δεκάδες MB και πάνω δεν θα συνιστούσα vectors σε client side.

 

Tους ενοχλεί τους εργοδότες ένα άιφρέιμ/σκρίπτ του google maps και δεν τους χαλάει κοτζάμ βιβλιοθήκη μόνο για να διαβάζεις τα SVG στους ΙΕ;

 

Δεν διαφέρει (δραστικά) το μέγεθος των αρχείων που θα φορτώσεις είτε πας σε Google Maps είτε σε OpenLayers. Και στις δύο περιπτώσεις, ο browser φορτώνει ένα script.

Και τα δύο έχουν παρόμοιες λειτουργίες. Ίσως το OpenLayers κάνει περισσότερα πράγματα βέβαια.

[PCharon]

Όχι, δε το είπα γι αυτό.

 

Υποτίθεται πως ο λόγος που δεν βάζει google maps είναι «...ο υπευθυνος του project. είναι θέμα έρευνας, οποτε κατι "έτοιμο" απορριπτεται με μπουνιες».

 

Δηλαδή του δώσανε ένα χάρτη ως SVG και του είπαν θα αναπτύξεις κάτι να το δείχνει σαν το χάρτη του google maps from scratch.

 

From scratch σημαίνει δε χρησιμοποιώ τρίτες βιβλιοθήκες κτλ κτλ.

[kagelos]

Όντως είναι ανούσια λογική αυτή. Με το σκεπτικό αυτό θα πρέπει να γράψει και τον web server μόνος του, το λειτουργικό, τον browser, να σχεδιάσει το hardware του PC, το δίκτυο, το ρεύμα ...

[PCharon]

Ναι, αυτό υποννοώ, χαχαχα.

 

Αν είναι να πάει να τους πει «παιδάκια, ΟΚ, να μη το κάνουμε με τη google, αλλά αν είναι να φτιάξουμε τόσα πράματα προκειμένου να δουλέψει θέλουμε 1-2 χρόνια ανάπτυξης, έτσι γι αρχή»...

[slevinkelevra]

Dudes chill.

 

Η λογικη ειναι from scratch ναι. Για τον χαρτη, τα controls, τη πλοηγηση και το Geolocation.

 

Το Google Maps τα δινει ετοιμα ολα αυτα. Γι αυτο και αποτελει απαγορευμενη λεξη. Τωρα, επειδη οντως δεν μπορουμε να φτιαξουμε τα παντα απο την αρχη, ισως να εξετασουμε λυσεις του τυπου, να παρω κανα ετοιμο κωδικα για workaround θεματα, οπως πχ να παιζει κ στον IE.

 

Αυτο. Δικιο εχετε, μια χαρα τα λετε, και καλα κανετε κ τα χωνετε αλλα ειναι λιγο ρευστο το θεμα ακομα.

[slevinkelevra]

Λοιπόν, επειδη συνεχιζω και ψαχνω το θεμα γενικα, να αναφερω εδω και οτι αλλο εχω βρει της προκοπης, για οποιoν αλλον αντιμετωπισει μελλοντικα προβληματα με SVG

 

"μετατροπεας" SVG σε HTML5 Canvas

http://code.google.com/p/canvg/

 

μετατροπη jpeg και png εικονας σε svg με τη βοηθεια του inkscape

http://thefrugalcrafter.wordpress.com/2008/10/27/convert-a-png-to-a-svg-fileworks-for-jpg-too/

και

http://www.inkscapeforum.com/viewtopic.php?t=584&f=22

 

geo-metadata σε svg

http://www.w3.org/wiki/GeoMetadataOverSvg

 

navigation tools σε map απο το cartonet

http://www.carto.net/svg/navigationTools/

 

παραδειγματα και κωδικας απο το cartonet

http://www.carto.net/svg/samples/

γενικα το cartonet ασχολειται με svg χαρτες και χαρτες γενικα στο web με geo-metadata

 

Αυτα...

 

Ευχαριστω για τις απαντησεις σας και τις παρατηρησεις σας παιδια

[nikolaos_]

Αν έχω μια σειρά από γεωγραφικές συντεταγμένες που ακολουθούν π.χ. το περίγραμμα ενός νησιού ή μιας χώρας, πώς μπορώ να φτιάξω ένα SVG που να παρουσιάζεται ως χάρτης;