index.html

---
layout: post-index
title: Awesome maps. Within minutes.
description: "javascript api to create maps"
tags: [maps, api]
comments: false
image:
  feature: maperial-abstract-1.jpg
---

<article class="hentry">
  <h1 class="entry-title"> A new way to create maps </h1>
  <div class="entry-content">
    <p>
    Maperial is a free javascript API to create <b>dynamical</b> maps for your web
    applications.
    </p>

    <p>
    Configure your own set of layers and parameters to visualize, analyze, and understand your data.
    </p>

    <p>
    For now we stick on enhancing this API and hope to see a community
    gathering around, which would mean we are on the right path to provide a new
    map tool.
    </p>

    <p>
    Enjoy drafting and sharing your maps, and don't forget
    to let us know your feedback !
    </p>

    <h2 class="entry-title"> Let me play ! </h2>
    <ul>
      <li>Get <a href="{{ site.url }}/getting-started/">started</a> with a first map </li>
      <li>Check out a whole bunch of Codepen <a href="http://codepen.io/chrisdugne/">examples</a></li>
      <li>Understand Maperial's <a href="{{ site.url }}/concepts/">concepts</a></li>
      <li>Explore the complete API  <a href="{{ site.url }}/documentation/">reference</a> to draw your own maps </li>
    </ul>

  </div><!-- /.entry-content -->
</article><!-- /.hentry -->

{% for post in site.posts limit: 1 %}
<article class="hentry">
  <header>
    <div class="entry-meta">
      <span class="entry-date date published updated"><time datetime="{{ post.date | date_to_xmlschema }}"><a href="{{ site.url }}{{ post.url }}">{{ post.date | date: "%B %d, %Y" }}</a></time></span><span class="author vcard"><span class="fn"><a href="{{ site.url }}/about/" title="About {{ site.owner.name }}">{{ site.owner.name }}</a></span></span>{% if site.disqus_shortname and post.comments %}&nbsp; &bull; &nbsp;<span class="entry-comments"><a href="{{ site.url }}{{ post.url }}#disqus_thread">Comment</a></span>{% endif %}
      {% if site.reading_time %}
      <span class="entry-reading-time pull-right">
        <i class="fa fa-clock-o"></i>
        {% assign readtime = post.content | number_of_words | divided_by:site.words_per_minute %}
        Reading time ~{% if readtime <= 1 %}1 minute{% else %}{{ readtime }} minutes{% endif %}
      </span><!-- /.entry-reading-time -->
      {% endif %}
    </div><!-- /.entry-meta -->
    {% if post.link %}
      <h1 class="entry-title"><a href="{{ site.url }}{{ post.url }}" rel="bookmark" title="{{ post.title }}"><i class="fa fa-angle-double-right"></i></a> <a href="{{ post.link }}">{{ post.title }}</a></h1>
    {% else %}
      <h1 class="entry-title"><a href="{{ site.url }}{{ post.url }}" rel="bookmark" title="{{ post.title }}" itemprop="url">{{ post.title }}</a></h1>
    {% endif %}
  </header>
  <div class="entry-content">
    {{ post.content }}
  </div><!-- /.entry-content -->
</article><!-- /.hentry -->
{% endfor %}


<article class="hentry">
  <div class="entry-content">
    <h1><a href="{{ site.url }}/posts/">More posts</a></h1>
  </div><!-- /.entry-content -->
</article><!-- /.hentry -->