GeoJSON uz SVG pārveidotājs
Pārveidojiet GeoJSON uz SVG (mērogojamu vektorgrafiku), lai iegūtu neatkarīgas no izšķirtspējas, rediģējamas kartes. Ideāli piemērots logotipiem, drukas materiāliem, prezentācijām un lietošanai tīmeklī.
Kāpēc izvēlēties SVG?
Neatkarība no izšķirtspējas
- Mērogojas perfekti uz jebkuru izmēru bez kvalitātes zuduma
- Gatavs drukai jebkurā izšķirtspējā
- Retina/4K displeji izskatās perfekti
- Bezgalīga pietuvināšana bez pikselizācijas
Rediģējamība
- Atveriet Illustrator, Inkscape vai Figma uzlabotai rediģēšanai
- Mainiet krāsas, līnijas, aizpildījumus pēc eksportēšanas
- Pievienojiet tekstu, anotācijas, logotipus ar dizaina programmatūru
- Viegli kombinējiet ar citiem grafiskiem elementiem
Draudzīgs tīmeklim
- Mazs faila izmērs vienkāršām kartēm
- CSS stils — stilizējiet ar CSS tīmekļa lapās
- JavaScript animācija — animējiet ceļus un īpašības
- Iekļaušana tiešsaistē — ielīmējiet tieši HTML
- Pieejams — ekrāna lasītāji var lasīt SVG saturu
Lietošanas gadījumi
✅ Logotipi un zīmola veidošana — Uzņēmuma atrašanās vietas kartes
✅ Drukas materiāli — Brošūras, plakāti, grāmatas
✅ Tīmekļa grafika — Ikonas, nozīmītes, lietotāja saskarnes elementi
✅ Datu vizualizācija — Infografikas, informācijas paneļi
✅ Preces — T-krekli, uzlīmes, krūzes
✅ Prezentācijas — Slaidi, kas lieliski mērogojas
Kā pārveidot
- Augšupielādējiet savu GeoJSON failu (velciet un nometiet vai izvēlieties)
- Priekšskatiet kartes attēlojumu
- Formāts automātiski tiek iestatīts uz SVG
- Lejupielādējiet savu vektoru karti
Rīks ģenerē tīru, optimizētu SVG marķējumu, kas darbojas visur.
SVG funkcijas
Ko jūs saņemat
- Tīrs kods — Lasāms SVG marķējums
- Standarta formāts — Saderīgs ar visiem dizaina rīkiem
- Optimizēti ceļi — Vienkāršoti mazākiem failu izmēriem
- Pareizs viewBox — Pareizi mērogojas
- Ģeogrāfiskā projekcija — Pagriezta uz ziemeļiem augšup
Rediģēšana pēc eksportēšanas
Atveriet savu SVG:
- Adobe Illustrator — Profesionāla vektoru rediģēšana
- Inkscape — Bezmaksas, atvērtā koda alternatīva
- Figma — Pārlūkprogrammas dizaina rīks
- Sketch — Mac dizaina programmatūra
- Jebkurš teksta redaktors — SVG ir tikai XML
Stilizēšanas iespējas
- Līnijas krāsa — Līniju krāsa robežām
- Līnijas biezums — Līnijas biezums
- Aizpildījuma krāsa — Iekšējā daudzstūra krāsa
- Caurspīdīgums — Caurspīdīguma līmeņi
- Fons — Caurspīdīgs vai krāsains
Biežākie lietošanas gadījumi
Dizains un zīmola veidošana
- Uzņēmuma atrašanās vietas kartes tīmekļa vietnēm
- Reģionālās pārklājuma kartes mārketingam
- Pakalpojumu zonas kartes prezentācijām
- Ikonu komplekti no vienkāršām ģeometriskām formām
Drukas izdevniecība
- Grāmatu ilustrācijas — Ceļveži, mācību grāmatas
- Žurnālu grafika — Redakcionālās kartes
- Plakāti — Pasākumu kartes, konferenču materiāli
- Vizītkartes — Atrašanās vietas kartes uz kartēm
Tīmekļa izstrāde
- Interaktīvās kartes ar CSS/JS
- Animēti ceļi — Zīmēšanas animācijas
- Responsīva grafika — Mērogojas ar skata laukumu
- Ikonu bibliotēkas — Atkārtoti izmantojamas kartes ikonas
Preces
- T-kreklu dizaini — Valsts/reģiona kontūras
- Uzlīmes — Ģeogrāfiskas formas
- Krūzes un tasītes — Produkti, kas saistīti ar atrašanās vietu
- Plakāti — Minimālistiska kartes māksla
Padomi labākam rezultātam
Faila izmēra optimizācija
- Vienkāršojiet ģeometrijas pirms eksportēšanas (izmantojiet GeoJSON Minifier)
- Noņemiet nevajadzīgus atribūtus no GeoJSON īpašībām
- Apvienojiet blakus esošos daudzstūrus, kad tas ir iespējams
- Izmantojiet mazāk ciparu precizitāti koordinātēm
Dizaina padomi
- Saglabājiet vienkāršību — SVG vislabāk darbojas tīrām, skaidrām kartēm
- Izmantojiet vienkāršas krāsas — Izvairieties no sarežģītiem gradientiem
- Testējiet dažādos izmēros — Pārliecinieties, ka lasāmība saglabājas mērogojot
- Apsveriet līnijas un aizpildījuma proporciju — Biezas līnijas var pārņemt mazās kartes
Tīmekļa veiktspēja
- Iekļaujiet mazus SVG tiešsaistē — Ievietojiet tieši HTML
- Ārējie faili lielām kartēm — Saite uz .svg failu
- Aizkavēta ielāde — Ielādējiet SVG, kad tas ir redzams
- Saspiešana — Izmantojiet SVGO vai līdzīgus rīkus optimizācijai
Tehniskā informācija
Projekcija
- Web Mercator pēc noklusējuma (standarts tīmekļa kartēm)
- Y ass apgriezta, lai ziemeļi būtu augšā (SVG pēc noklusējuma Y ir uz leju)
- Koordinātes saglabātas precīzai ģeogrāfiskai attēlošanai
SVG struktūra
xml
<svg viewBox="minX minY width height">
<path d="M x,y L x,y..." />
<!-- Viena ceļa līnija uz vienu elementu -->
</svg>Pārlūku saderība
- ✅ Visi mūsdienu pārlūki (Chrome, Firefox, Safari, Edge)
- ✅ IE 9+ (pamata atbalsts)
- ✅ Mobilie pārlūki (iOS Safari, Chrome)
Bieži uzdotie jautājumi
Vai es varu rediģēt SVG pēc eksportēšanas?
Jā! Atveriet to jebkurā vektoru redaktorā (Illustrator, Inkscape, Figma utt.), lai mainītu krāsas, pievienotu tekstu vai modificētu formas.
Vai SVG atbalsta caurspīdīgumu?
Jā, SVG dabiski atbalsta caurspīdīgus fonus un caurspīdīguma līmeņus.
Kāds ir faila izmērs?
SVG faili parasti ir mazi (daži KB) vienkāršām kartēm. Sarežģītas kartes ar daudzām funkcijām būs lielākas.
Vai es varu izmantot SVG drukai?
Pilnīgi noteikti! SVG ir neatkarīgs no izšķirtspējas un ideāli piemērots drukai jebkurā izmērā.
Kā mainīt krāsas?
Teksta redaktorā atrodiet stroke un fill atribūtus un mainiet krāsu vērtības. Vai izmantojiet dizaina programmatūru vizuālai rediģēšanai.
Vai es varu animēt SVG kartes?
Jā! SVG var animēt ar CSS vai JavaScript. Katru ceļu var individuāli stilizēt un animēt.
Vai pārveidošana ir bez zudumiem?
Jā, ģeogrāfiskie dati tiek precīzi saglabāti. Daži vizuālie vienkāršojumi var notikt ļoti sarežģītām formām.
Skatīt arī
- GeoJSON uz PNG — Rasterizēts attēls ar caurspīdīgumu
- GeoJSON uz JPEG — Saspiests rasterizēts attēls
- Atpakaļ uz visiem pārveidotājiem