<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" content="width=device-width" />

  <title>Maptimize New Release</title>

  <!-- Included CSS Files -->
  <link href='https://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>

  <link href="/assets/vendor-86c73725a28a5bedc5e47b019923d1dd.css" media="screen" rel="stylesheet" type="text/css" />
  <link href="/assets/landing/app-035cdd24a0d8fce8a5d25f0b5c7aa07f.css" media="screen" rel="stylesheet" type="text/css" />

  <!--[if lt IE 9]>
    <link href="/assets/landind/ie.css" media="screen" rel="stylesheet" type="text/css" />
  <![endif]-->
  <script src="/assets/landing/modernizr.foundation-6aecbdf67b86bbca16a2f8eb49dfe94f.js" type="text/javascript"></script>

  <!-- IE Fix for HTML5 Tags -->
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

</head>
<body>
  <div id='top'>
    <div class="row">
      <div class="twelve columns">
        <a href="/" class="logo"><img alt="Logo_color" src="/assets/landing/logo_color-adc89e3b282e989f4a56ac491873cee7.png" /></a>
        <h1 class="right">Big data rendering for online maps</h1>
      </div>
    </div>
    <div class="row">
      <ul id="features" class="five columns">
        <li data-item="item_1"><a>Multi mapping system </a> </li>
        <li data-item="item_2"><a>Up to millions of data points </a> </li>
        <li data-item="item_3"><a>Multi rendering </a> </li>
        <li data-item="item_4"><a>Rest API </a> </li>
        <li data-item="item_5"><a>Real time filtering  </a> </li>
      </ul>
      <div class='seven columns' id="comp_images">
          <div class="sample initialized ease-in-out" id="after">
            <div id="gmap"></div>
          </div>
          <div class="sample ease-in-out" id="before"></div>
          <div id="legend">
            <div class="hint " id="hint">Move your mouse over a map</div>
            <div class="hint" style="display:none" id="hint_before">
              Without Maptimize, your map will be slow or wont even display, UNUSABLE!.<br/>
              We didn't even try to make a real map, it's just a screenshot.
            </div>
            <div class="hint" style="display:none" id="hint_after">
              With Maptimize everything works perfectly, even with millions of data points.<br>
              It's very fast. Map is clear and navigation can be done in a few clicks, try it, it's a real map!
            </div>
          </div>
      </div>
    </div>
    <div class="row" id="be_first">
      <div class="twelve columns">
        <span id="be_first_label">
          Be the first to try it :
        </span>
        <form accept-charset="UTF-8" action="/landing/register" class="inform" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="WImWTN35vQ4JspnSkwGT9T+ywAW85Pn6ywuOSIvWqH8=" /></div>
          <input type="text" data-required="1" data-email="1" placeholder="email address" name="email"/>
          <input class="the_button anim" data-disable-with="Sending" name="commit" type="submit" value="Become a beta tester" />
</form>        <span class="message">
          <p></p>
          <input class="the_button anim retry" type="buttom" value="Try again">
        </span>
      </div>
    </div>
    <div class="row" id="twitter_row">
      <div class="left">
      </div>
      <div class="right">
        <a href='https://twitter.com/maptimize' target="_blank">
        <img alt="Twitter_small" src="/assets/landing/twitter_small-b2d81b99f8633906913760b1fd7c1ef8.png" />
        </a>
      </div>
    </div>
  </div>
  <div id='top_shadow'>
  </div>
  <div id="plus_button">
    <div id="button">+</div>
    <div class="row" id="slidedown_panel">
      <div class="six columns">
        <ul id="thumbs">
          <li data-item="item_1" class="selected">
            <div id="bing_map" class="left_image">
            </div>
            <div id="google_map" class="right_image">
            </div>
            <div class="title" id="title_bingmap"><img alt="Bingmap" src="/assets/landing/bingmap-150d7143ff79d8abf02f8c6552a75eb2.png" /></div>
            <div class="title" id="title_googlemap"><img alt="Googlemap" src="/assets/landing/googlemap-bcf4839e4070d87f815b4a8bd09336ee.png" /></div>
          </li>
          <li data-item="item_2"><img alt="Screen_million" src="/assets/landing/screen_million-7b3687fb01f6c76a1e30bd32fa827c34.jpg" /></li>
          <li data-item="item_3">
            <div id="cluster_renderer" class="left_image"></div>
            <div id="heatmap_renderer" class="right_image"></div>
          </li>
          <li data-item="item_4"><img alt="Screen_rest" src="/assets/landing/screen_rest-326a8c989be81fffc52dc47244dcb092.jpeg" /></li>
          <li data-item="item_5"><img alt="Screen_filter2" src="/assets/landing/screen_filter2-974d2b1aa1e9833719107125a9abef3f.jpg" /></li>
        </ul>
      </div>
      <div class="six columns" id="legends">
        <ul>
          <li data-item="item_1" class="selected">
            <h4>Multi mapping rendering</h4>
            <p>
              Maptimize now supports many mapping systems. We already have implemented <em>OpenStreetMap with leaflet</em>, <em>Google Maps</em> and <em>Bing Maps</em>.
            </p>
          </li>
          <li data-item="item_2" class="logo">
            <h4>Up to millions of data</h4>
            <p>
              Our <em>new algorithm</em> can now handle more data than before. Try our <a href="https://onemilliontweetmap.com" target="_blank"> one million tweet map demo</a>.
            </p>
          </li>
          <li data-item="item_3" class="logo">
            <h4>Multi rendering</h4>
            <p>
              Rendering can be overridden to create your own render. We did a <em>heatmap example</em> for our <a href="https://onemilliontweetmap.com" target="_blank">one million tweet map demo</a>, but it could be a pie chart or anything you want.
            </p>
          </li>
          <li data-item="item_4" class="logo">
            <h4>Rest API</h4>
            <p>
              Our REST API lets you <em>create/update/delete</em> a point with <em>instant results</em> on your map. We still support bulk update to initialize your map.
            </p>
          </li>
          <li data-item="item_5" class="logo">
            <h4>Real time filtering</h4>
            <p>
              We can filter content instantly based on <em>your own criteria</em>!
            </p>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="row" style="margin-top: 122px;">
    <h2>Key advantages of Maptimize</h2>
  </div>
  <div class="row" id="key_points">
    <div class="six columns" id="key_users">
      <h4><img alt="Users" src="/assets/landing/users-dffcda985d0ac0f06b056b619770126c.png" />For Users</h4>
      <ul>
        <li>Data is displayed on the map in next to no time</li>
        <li>Maps which are easier to read and more impactful</li>
        <li>More intuitive navigation</li>
        <li>Criteria-based search directly via the map interface</li>
        <li>Works with any browsers and on mobile</li>
      </ul>
    </div>
    <div class="six columns" id='key_business'>
      <h4>For Businesses<img alt="Businesses" src="/assets/landing/businesses-12c1e3a61f840e2f9e772e418a562abc.png" /></h4>
      <ul>
        <li>Enhanced display and search experience for customers</li>
        <li>Data hosted and summarised by Maptimize, </li>
        <li>Freeing up bandwidth</li>
        <li>Easy to set up</li>
        <li>Available in SaaS or on dedicated servers</li>
        <li>Price from $ 0.001 per point</li>
      </ul>
    </div>
  </div>

  <div class="row">
    <h2>They trust Maptimize</h2>
  </div>
  <div class="row">
    <div class="two columns">
      <a id="carrefour" class="client" href="http://recrute.carrefour.fr/jobmap" target="_blank">
        <p>carrefour<br>+</p>
      </a>
    </div>
    <div id="clients" class="two columns">
      <a id="coastradar" class="client" href="http://www.coastradar.com/beach-guide/beach-map/beach-search/World" target="_blank">
        <p>coastradar<br>+</p>
      </a>
    </div>
    <div class="two columns">
      <a id="pagesmed" class="client" href="http://pagesmed.com" target="_blank">
        <p>pagesmed<br>+</p>
      </a>
    </div>
    <div class="two columns">
      <a id="noah" class="client" href="http://www.projectnoah.org/map" target="_blank">
        <p>noah<br>+</p>
      </a>
    </div>
    <div class="two columns">
      <a id="munzee" class="client" href="http://www.munzee.com/map" target="_blank">
        <p>munzee<br>+</p>
      </a>
    </div>
    <div class="two columns">
      <a id="manchester" class="client" href="http://bepartofit.mcfc.co.uk/fans/map" target="_blank">
        <p>manchester<br>+</p>
      </a>
    </div>

    <div class="row">
      <div class="four columns testimonial">
        <div>
          <p>“If CrunchPanorama was built on Google maps “manually” it would show an endless number of markers that would make the map unreadable. Maptimize is able to address this issue by grouping the markers and providing a clean result that remains accessible at decent speed!”
          </p>
          <div class="author">Ouriel Ohayon</div>
        </div>
      </div>
      <div class="four columns testimonial">
        <div>
          <p>Real Estate is all about location and until now we hadn't been able to successfully map all 40K+ of our properties. Working with Maptimize has enabled us to provide a user-friendly map-based property search, which greatly increased the productivity of our website”
          </p>
          <div class="author">Christopher O'Connor</div>
        </div>
      </div>
      <div class="four columns testimonial">
        <div>
          <p>Maptimize has allowed Munzee to grow from a service of 10 markers to a thriving product that has a clustered map of over 130,000 markers. <br/>
            We have heavily utilized the Maptimize Javascript API to have custom marker icons for each user and we have allowed users to select grouping distance easily.<br/>
             Maptimize has great customer service and understands our product and is willing to do do whatever it takes to help us grow the Munzee map.”
          </p>
          <div class="author">Scott Foster</div>
        </div>
      </div>
    </div>
  </div>

  <a name="contact"></a>
  <div id='footer'>
    <div class="row">
      <div class="five columns left_side">
        <h3>Contact us</h3>
        <form accept-charset="UTF-8" action="/landing/contact" data-remote="true" id="contact" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="WImWTN35vQ4JspnSkwGT9T+ywAW85Pn6ywuOSIvWqH8=" /></div>
          <input type="text" data-required="1" placeholder="name" name="name"/>
          <input type="text" data-required="1" data-email="1" placeholder="email" name="email"/>
          <textarea data-required="1" placeholder="message" name="message"></textarea>
          <input class="the_button anim" data-disable-with="Sending ..." name="commit" type="submit" value="Send" />
</form>        <span class="message">
          <p></p>
        </span>
      </div>
      <div class="seven columns">
        <div class="row">
          <h3>Interested ?</h3>
          <form accept-charset="UTF-8" action="/landing/register" class="inform" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="WImWTN35vQ4JspnSkwGT9T+ywAW85Pn6ywuOSIvWqH8=" /></div>
            <input type="text" data-required="1" data-email="1" placeholder="email address" name="email"/>
            <input class="the_button anim" data-disable-with="Sending ..." name="commit" type="submit" value="Become a beta tester" />
</form>          <span class="message">
            <p></p>
            <input class="the_button anim retry" type="buttom" value="Try again">
          </span>
        </div>
        <div class="row border_top">
          <div class="six columns center">
            <a href='https://twitter.com/maptimize' target="_blank" class="logo">
              <h3>Follow us</h3>
              <img alt="Twitter_fat" src="/assets/landing/twitter_fat-725df1a189ea26e9b08f6f36fe3d66ba.png" />
            </a>
          </div>
          <div class="six columns center" id="back_to_top">
            <a href='/' class="logo">
              <h3>Back to top</h3>
              <img alt="Back_to_top" src="/assets/landing/back_to_top-563f91f9f53f23a59d727cd70c019979.png" />
            </a>
          </div>
        </div>
        <div class="row border_top" id="copyright">
          <div class="five columns">
            <img alt="Logo_blanc" src="/assets/landing/logo_blanc-b235299bcd06e88a14a8175d172ef340.png" />
          </div>
          <div class="seven columns">
            <p>All rights reserved ©2012 | Designed by <a href="http://mageredavid.fr/" class="mageredavid anim" target="_blank">Magere David</a>. </p>
          </div>
        </div>
      </div>
    </div>
  </div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-35385050-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  <!-- container -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDtunoCQLhVRWBXv79qSBuusPqpPpBezuY"></script>
  <!-- Included JS Files -->
  <script src="/assets/v1/googlemap_clusterer-04cad1dd2c75972e5e5dda05a6849ec9.js" type="text/javascript"></script>
  <script src="/assets/landing/app-7acdc1f454133e3add368569a6ac12b9.js" type="text/javascript"></script>
  <script src="/assets/landing/foundation-660b96758139833d9ac768c1300ed1de.js" type="text/javascript"></script>
  <script src="/assets/landing/jquery.tweet-5121d267071292c33452c2b820825fd3.js" type="text/javascript"></script>
</body>
</html>
