thatsmydoing
/
blog


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article# " vocab="http://ogp.me/ns" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Geocoding Services | Pleasant Programmer</title>
<link href="../assets/css/rst.css" rel="stylesheet" type="text/css">
<link href="../assets/css/code.css" rel="stylesheet" type="text/css">
<link href="../assets/css/theme.css" rel="stylesheet" type="text/css">
<link href="../assets/css/custom.css" rel="stylesheet" type="text/css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="../rss.xml">
<link rel="canonical" href="http://pleasantprogrammer.com/posts/geocoding-services.html">
<script type="text/javascript" src="//use.typekit.net/iwm5axp.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><!--[if lt IE 9]><script src="../assets/js/html5.js"></script><![endif]--><meta name="author" content="Thomas Dy">
<link rel="prev" href="jeep-and-bus-schedules.html" title="Jeep and Bus Schedules" type="text/html">
<link rel="next" href="console-keymap-switching.html" title="Console Keymap Switching" type="text/html">
<meta property="og:site_name" content="Pleasant Programmer">
<meta property="og:title" content="Geocoding Services">
<meta property="og:url" content="http://pleasantprogrammer.com/posts/geocoding-services.html">
<meta property="og:description" content="A key component for any routing service is being able to do geocoding. Most people who are looking for routes most probably don't know exactly where their start and end points are on the map. Even the">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2013-09-25T12:26:59+08:00">
<meta property="article:tag" content="philippine-transit-app">
<meta property="article:tag" content="programming">
</head>
<body>
<a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
    
    <header id="header" role="banner"><div class="thomas">
            <img src="../assets/img/thomas.gif" alt="DJ THOMAS IN DA HAUS"><img src="../assets/img/thomas.png" alt="Pleasant Programmer">
</div>
        
    <h1 id="brand"><a href="http://pleasantprogrammer.com/" title="Pleasant Programmer" rel="home">

        <span id="blog-title">Pleasant Programmer</span>
    </a></h1>

        
    <nav id="menu" role="navigation"><ul>
<li class="twitter"><a href="http://twitter.com/pleasantprog">@pleasantprog</a></li>
                <li><a href="../archive.html">Archives</a></li>
                <li><a href="../categories/index.html">Tags</a></li>
                <li><a href="../rss.xml">RSS</a></li>
    
    
    </ul></nav></header><div id="container">
         <main id="content" role="main"><article class="post-text h-entry hentry postpage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Geocoding Services</a></h1>

        <small>
        <span class="dateline">Posted: <a href="#" rel="bookmark"><time class="published dt-published" datetime="2013-09-25T12:26:59+08:00" itemprop="datePublished" title="2013-09-25 12:26">2013-09-25 12:26</time></a></span>
        |
        More posts about
        
           <a class="tag p-category" href="../categories/philippine-transit-app.html" rel="tag">philippine-transit-app</a>
           <a class="tag p-category" href="../categories/programming.html" rel="tag">programming</a>

        </small>
        

    </header><div class="e-content entry-content" itemprop="articleBody text">
    <div>
<p>A key component for any routing service is being able to do geocoding. Most people who are looking for routes most probably don't know exactly where their start and end points are on the map. Even then, manually looking for a location on a map is a time-consuming task.</p>
<p>The gold standard for doing geocoding right now is Google Maps. It's hard to find a better location search experience. If they actually provided routing for jeeps here in the Philippines, I imagine there wouldn't be <em>that</em> much you could do for the competition.</p>
<p>When the competition started though, I took it as a challenge to avoid Google Maps as much as possible. I wanted to see how much is currently possible with other options such as OpenStreetMap. In fact, OSM does have a geocoding service called <a href="http://nominatim.openstreetmap.org">Nominatim</a>.</p>
<p>Sadly, for a mapping app, what you want to do is not simply just geocoding. With geocoding, you take an address and turn it into coordinates. When you want to search for a place in a mapping app, you take part of an address, infer the rest of it, and give the user options to choose from.</p>
<p>Given a typical mapping app, you might type in "ateneo" and expect it to give you Ateneo de Manila University. With typical geocoding services like Nominatim or even Google's <a href="https://developers.google.com/maps/documentation/javascript/geocoding">geocoding API</a>, you probably won't get any result for this. What you want to use is the <a href="https://developers.google.com/maps/documentation/javascript/places">Places API</a> which provides an autocomplete search box. Using it, when you type in "ateneo", it automatically suggests in the dropdown, "Ateneo de Manila University".</p>
<p>A downside to using the Places API is that it's against the terms of service to use it with something that isn't Google Maps, which means no OpenStreetMap. If there were more time, writing your own autocompletion engine using OpenStreetMap's data will probably be a better long term solution.</p>
<p>For now, since the competition's deadline is just a few days away, I'll be using Google Maps.</p>
</div>
    </div>
    <aside class="postpromonav"><nav><ul class="pager clearfix">
<li class="previous">
                <a href="jeep-and-bus-schedules.html" rel="prev" title="Jeep and Bus Schedules">← Previous post</a>
            </li>
            <li class="next">
                <a href="console-keymap-switching.html" rel="next" title="Console Keymap Switching">Next post →</a>
            </li>
        </ul></nav></aside><section class="comments"><div id="disqus_thread"></div>
        <script>
        var disqus_shortname ="pleasantprog",
            disqus_url="http://pleasantprogrammer.com/posts/geocoding-services.html",
        disqus_title="Geocoding Services",
        disqus_identifier="cache/posts/geocoding-services.html",
        disqus_config = function () {
            this.language = "en";
        };
        (function() {
            var dsq = document.createElement('script'); dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script><noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a>
</noscript>
    <a href="//disqus.com" class="dsq-brlink" rel="nofollow">Comments powered by <span class="logo-disqus">Disqus</span></a>


        </section></article><script>var disqus_shortname="pleasantprog";(function(){var a=document.createElement("script");a.async=true;a.src="//"+disqus_shortname+".disqus.com/count.js";(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(a)}());</script></main><footer id="footer" role="contentinfo"><p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US"><img alt="CC-BY-SA" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png"></a> © 2015 Thomas Dy - Powered by <a href="http://getnikola.com">Nikola</a></p>
            
        </footer>
</div>
    
    
    <script src="../assets/js/konami.js"></script><script src="http://code.jquery.com/jquery-2.0.3.min.js"></script><script>
        var easter_egg = new Konami();
        easter_egg.code = function() {
            $(".thomas").toggleClass("whoa");
            $("body").scrollTop(0);
        }
        easter_egg.load();

        // love you, thomas!
        // yours, @_phi + @meggykawsek
    </script>
</body>
</html>