- ID scansione:
- 57ee88db-6e0d-4c5e-92d7-5e75d9242d16Fatto
- URL inviato:
- https://maputnik.github.io/
- Report terminato:
Link · 8 trovati
I link in uscita identificati dalla pagina
| Link | Testo |
|---|---|
| https://maplibre.org/maputnik/ | Editor |
| https://github.com/maplibre/maputnik/wiki | Docs |
| https://maplibre.org/maplibre-style-spec/ | MapLibre Style Specification |
| https://maplibre.org/maputnik/?style=https://cdn.jsdelivr.net/gh/openmaptiles/positron-gl-style@2877814/style.json | Positron |
| https://maplibre.org/maputnik?style=https://cdn.jsdelivr.net/gh/openmaptiles/toner-gl-style@bb49571/style.json | Toner |
| https://github.com/maplibre/maputnik | Github |
| https://github.com/maplibre/maputnik/issues | Issue tracker |
| https://maplibre.org | MapLibre |
Variabili JavaScript · 9 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| hasRaf | boolean |
| debounce | function |
| seed | number |
| random | function |
| _generateStars | function |
| generateStars | function |
Messaggi di log della console · 1 trovati
Messaggi registrati nella console Web
| Tipo | Categoria | Log |
|---|---|---|
| warning | other |
|
HTML
Il corpo HTML non elaborato della pagina
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>
Maputnik
</title>
<link rel="apple-touch-icon" href="images/dist/favicon-152x152.png">
<link href="https://fonts.googleapis.com/css?family=Russo+One&text=maputnik" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/website.css">
<link rel="alternate" type="application/rss+xml" title="Maputnik" href="http://maputnik.github.io/feed.xml">
</head>
<body data-theme="dark">
<div class="space__bg">
<div class="space__bg__hdl"><div><div class="star" style="width: 4px; min-height: 4px; left: 145px; top: 886px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 561px; top: 815px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 581px; top: 994px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 762px; top: 1318px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 696px; top: 417px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 427px; top: 1086px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 634px; top: 1201px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 546px; top: 343px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 359px; top: 1595px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 476px; top: 867px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 389px; top: 863px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 684px; top: 1416px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 155px; top: 904px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 241px; top: 2063px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 136px; top: 386px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 596px; top: 682px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 17px; top: 1825px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 613px; top: 1953px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 140px; top: 685px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 415px; top: 1195px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 477px; top: 481px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 530px; top: 1534px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 488px; top: 1996px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 211px; top: 1205px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 411px; top: 1832px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 145px; top: 1119px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 714px; top: 880px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 278px; top: 1183px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 711px; top: 1375px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 160px; top: 2059px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 447px; top: 2031px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 610px; top: 311px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 503px; top: 1538px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 162px; top: 1938px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 752px; top: 1161px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 119px; top: 1053px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 673px; top: 702px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 731px; top: 1032px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 166px; top: 1910px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 631px; top: 1206px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 719px; top: 1870px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 278px; top: 168px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 321px; top: 731px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 641px; top: 1775px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 404px; top: 1584px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 129px; top: 1609px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 46px; top: 1365px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 743px; top: 1646px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 17px; top: 1157px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 776px; top: 66px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 766px; top: 753px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 30px; top: 527px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 282px; top: 5px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 549px; top: 1241px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 141px; top: 247px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 76px; top: 1382px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 653px; top: 1072px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 370px; top: 233px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 145px; top: 619px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 464px; top: 1625px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 253px; top: 1677px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 425px; top: 1347px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 750px; top: 357px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 38px; top: 2018px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 78px; top: 1990px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 395px; top: 262px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 104px; top: 1259px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 686px; top: 1945px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 486px; top: 1229px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 622px; top: 1088px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 738px; top: 598px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 612px; top: 1900px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 42px; top: 603px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 689px; top: 1291px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 606px; top: 74px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 32px; top: 2px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 698px; top: 1087px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 411px; top: 1179px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 29px; top: 1283px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 603px; top: 531px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 706px; top: 1086px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 595px; top: 47px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 347px; top: 1781px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 344px; top: 255px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 205px; top: 609px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 240px; top: 329px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 218px; top: 1657px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 532px; top: 1411px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 777px; top: 1566px;"></div><div class="star" style="width: 4px; min-height: 4px; left: 705px; top: 1646px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 496px; top: 943px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 597px; top: 898px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 505px; top: 1384px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 510px; top: 252px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 747px; top: 1351px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 466px; top: 1780px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 574px; top: 1225px;"></div><div class="star" style="width: 1px; min-height: 1px; left: 374px; top: 743px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 440px; top: 37px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 410px; top: 1691px;"></div><div class="star" style="width: 5px; min-height: 5px; left: 503px; top: 717px;"></div><div class="star" style="width: 3px; min-height: 3px; left: 93px; top: 285px;"></div><div class="star" style="width: 2px; min-height: 2px; left: 84px; top: 525px;"></div></div></div>
</div>
<div class="content">
<nav class="nav">
<div class="nav__inner">
<div class="nav__toolbox">
<a href="https://maplibre.org/maputnik/" class="button">Editor</a><!--
--><a href="/blog" class="button">Blog</a><!--
--><a href="https://github.com/maplibre/maputnik/wiki" class="button">Docs</a>
</div>
</div>
</nav>
<div class="main">
<section class="hero">
<div class="hero__title">
<div class="hero__logo">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1200" height="1200" viewBox="0 0 100 100"><g fill="#fff" mask="url(#2/mask)"><g class="map"><use xlink:href="#1/map__main"></use><use xlink:href="#1/map__line1"></use><use xlink:href="#1/map__line2"></use><use xlink:href="#1/map__line3"></use></g><g class="palette"><use xlink:href="#1/palette__main"></use><use xlink:href="#1/palette__inner"></use><use xlink:href="#1/palette__circle5"></use><use xlink:href="#1/palette__circle4"></use><use xlink:href="#1/palette__circle3"></use><use xlink:href="#1/palette__circle2"></use><use xlink:href="#1/palette__circle1"></use><use xlink:href="#1/palette__circle0"></use></g><g class="brush"><use xlink:href="#1/brush__bottom"></use><use xlink:href="#1/brush__top"></use></g></g><defs><path id="1/map__main" stroke-width="2.366" stroke-linejoin="round" d="M18.84 7.717l15.44 7.542 15.75-7.762 15.7 7.857L81.005 7.67 96.31 54.052 73.598 62.12 50.93 53.872l-25.1 8.066-22.668-8.066z"></path><path id="1/map__line1" d="M65.556 15.07l7.647 46.838" stroke-width="1.104"></path><path id="1/map__line2" d="M50.261 7.422l.717 46.6" stroke-width="1.104"></path><path id="1/map__line3" d="M34.011 15.07l-8.603 46.6" stroke-width="1.104"></path><path id="1/palette__main" stroke-width="2.3" d="M47.352 30.887c7.993.226 16.934 9.725 17.954 15.25 1.02 5.527-.743 11.125-4.298 13.875-3.554 2.75-8.6 2.905-8.723 8.302-.097 4.237 8.457 8.5 8.088 15.653-.406 7.857-15.508 13.15-30.943 6.102-8.556-3.906-14.249-13.653-13.385-26.238C16.833 52.334 22.32 43.658 27.382 39c5.977-5.503 11.977-8.337 19.97-8.112z"></path><circle id="1/palette__inner" stroke-width="2.3" cx="41.873" cy="61.901" r="6.389"></circle><circle id="1/palette__circle5" cy="44.56" cx="54.347" r="4.336"></circle><circle id="1/palette__circle4" cx="40.443" cy="41.555" r="4.336"></circle><circle id="1/palette__circle3" r="4.336" cy="51.102" cx="29.651"></circle><circle id="1/palette__circle2" cx="25.293" cy="65.836" r="4.336"></circle><circle id="1/palette__circle1" r="4.336" cy="79.326" cx="32.764"></circle><circle id="1/palette__circle0" cx="46.669" cy="80.571" r="4.336"></circle><path id="1/brush__bottom" d="M76.333 89.333c-1.645-9.794-4.375-35.26-4.32-37.887.056-2.627 2.52-4.34 5.36-4.317 2.842.022 5.098 1.87 5.314 4.27.107 1.2-1.576 28.06-2.318 37.844-.332 4.374-3.31 4.413-4.036.09z" stroke-width="2.3" stroke-linejoin="round"></path><path id="1/brush__top" stroke-linejoin="round" stroke-width="2.3" d="M77.184 26.428s-5.621 7.02-5.621 11.978c0 4.957 2.206 6.878 5.81 6.878 3.606 0 5.148-1.708 5.29-6.736.142-5.028-5.479-12.12-5.479-12.12z"></path><mask id="2/mask"><g fill="#fff" stroke="#000"><g class="map"><use xlink:href="#1/map__main"></use><use xlink:href="#1/map__line1"></use><use xlink:href="#1/map__line2"></use><use xlink:href="#1/map__line3"></use></g><g class="palette"><use xlink:href="#1/palette__main"></use><use fill="#000" xlink:href="#1/palette__inner"></use><use class="circle5" fill="#000" xlink:href="#1/palette__circle5"></use><use class="circle4" fill="#000" xlink:href="#1/palette__circle4"></use><use class="circle3" fill="#000" xlink:href="#1/palette__circle3"></use><use class="circle2" fill="#000" xlink:href="#1/palette__circle2"></use><use class="circle1" fill="#000" xlink:href="#1/palette__circle1"></use><use class="circle0" fill="#000" xlink:href="#1/palette__circle0"></use></g><g class="brush"><use xlink:href="#1/brush__bottom"></use><use xlink:href="#1/brush__top"></use></g></g></mask></defs></svg>
</div>
<h1>maputnik</h1>
<div class="hero__version hide">v1.0.2</div>
</div>
<p>
Maputnik is an open source visual editor for the <a href="https://maplibre.org/maplibre-style-spec/">MapLibre Style Specification</a>
</p>
<div class="hero-screen">
<div class="hero-screen__img"></div>
</div>
</section>
<div class="examples">
<div class="examples__inner">
<p class="examples__header">
Fully featured right out of the box
</p>
<div class="examples__items">
<div class="examples__item">
<svg viewBox="0 0 24 24">
<path fill="#000000" d="M6.2,2.44L18.1,14.34L20.22,12.22L21.63,13.63L19.16,16.1L22.34,19.28C22.73,19.67 22.73,20.3 22.34,20.69L21.63,21.4C21.24,21.79 20.61,21.79 20.22,21.4L17,18.23L14.56,20.7L13.15,19.29L15.27,17.17L3.37,5.27V2.44H6.2M15.89,10L20.63,5.26V2.44H17.8L13.06,7.18L15.89,10M10.94,15L8.11,12.13L5.9,14.34L3.78,12.22L2.37,13.63L4.84,16.1L1.66,19.29C1.27,19.68 1.27,20.31 1.66,20.7L2.37,21.41C2.76,21.8 3.39,21.8 3.78,21.41L7,18.23L9.44,20.7L10.85,19.29L8.73,17.17L10.94,15Z"></path>
</svg>
<div class="examples__item__title">
Cross platform
</div>
<p>
All you need is a browser, we aim to support any modern browser
</p>
</div>
<div class="examples__item">
<svg viewBox="0 0 24 24">
<path fill="#000000" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"></path>
</svg>
<div class="examples__item__title">
Github export
</div>
<p>
Export to an anonymous gist on github or to a flat file
</p>
</div>
<div class="examples__item">
<svg viewBox="0 0 24 24">
<path fill="#000000" d="M18,4V3A1,1 0 0,0 17,2H5A1,1 0 0,0 4,3V7A1,1 0 0,0 5,8H17A1,1 0 0,0 18,7V6H19V10H9V21A1,1 0 0,0 10,22H12A1,1 0 0,0 13,21V12H21V4H18Z"></path>
</svg>
<div class="examples__item__title">
Built in styles
</div>
<p>
Open source styles to use as a starting point for you're new creation
</p>
</div>
</div>
</div>
</div>
<div class="call-to-action">
<div class="call-to-action__inner">
<p>
Give it a try right now, no signup or download required
</p>
<p>
<a class="call-to-action__button" href="https://maplibre.org/maputnik/">
Launch Maputnik!
</a>
</p>
</div>
</div>
<div class="showcase">
<div class="showcase__inner">
<p class="showcase__header">
Get started now by modifying a open source style from the community.
</p>
<div class="showcase__items">
<div class="showcase__item">
<a href="https://maplibre.org/maputnik/?style=https://cdn.jsdelivr.net/gh/openmaptiles/positron-gl-style@2877814/style.json">
<div class="showcase__item__img showcase__item__img--positron"></div>
<div class="showcase__item__title">
Positron
</div>
</a>
</div>
<div class="showcase__item">
<a href="https://maplibre.org/maputnik/?style=https://maputnik.github.io/osm-liberty/style.json">
<div class="showcase__item__img showcase__item__img--osm-liberty"></div>
<div class="showcase__item__title">
OSM Liberty
</div>
</a>
</div>
<div class="showcase__item">
<a href="https://maplibre.org/maputnik?style=https://cdn.jsdelivr.net/gh/openmaptiles/toner-gl-style@bb49571/style.json">
<div class="showcase__item__img showcase__item__img--toner"></div>
<div class="showcase__item__title">
Toner
</div>
</a>
</div>
<!-- <div class="showcase__item"></div> -->
<!-- <div class="showcase__item"></div> -->
<!-- <div class="showcase__item"></div> -->
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer__inner">
<ul class="footer__items footer__items--left">
<li>
<a href="https://github.com/maplibre/maputnik">Github</a>
</li>
<li>
<a href="https://github.com/maplibre/maputnik/issues">Issue tracker</a>
</li>
</ul>
</div>
</div>
<div class="disclaimer">
<div id="disclaimer" class="disclaimer__inner">
<p>
This project is maintained by <a href="https://maplibre.org">MapLibre</a>. It is a style editor for the open source technology in the MapLibre ecosystem.
</p>
</div>
</div>
<div class="space">
<div class="space__fg">
<div class="planet"></div>
<div class="planet"></div>
<div class="planet"></div>
<div class="planet"></div>
<div class="planet"></div>
</div>
</div>
<!-- scripts -->
<script type="application/javascript" src="/app.js"></script>
</body></html>