The definitive source of the best
JavaScript libraries, frameworks, and plugins.

  • ×

    jHERE - Maps made easy
    Filed under 

    • 🔾21%Overall
    • 257
    • 39.4 days
    • 🕩50
    • 👥9


    Maps are cool, but map APIs are complicated. jHERE solves this problem by offering a simple but powerful map API in the form of a jQuery (or Zepto.JS) plugin.

    With jHERE, you can easily add interactive maps to your website. In only 4KB, you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.


    Add jHERE to your pages

    Adding jHERE to a web page or web application is very easy. jHERE supports both jQuery as well as Zepto.JS, so first of all include one of these libraries.

    <script type="text/javascript" src="//"></script>


    <script type="text/javascript" src="//"></script>

    In case you are using Zepto, you will need to include the Zepto adapter, that includes a couple of little things that are not implemented in Zepto and I used in my plugin ($.Deferred and $.data).

    <script type="text/javascript" src="js/zepto.adapter.js">
    <!--Only when using Zepto-->

    In case you are using Tire, then include the Tire adapter (adds $.Deferred, $.data, $.proxy, $.inArray and $.Event to Tire):

    <script type="text/javascript" src="js/tire.adapter.js">
    <!--Only when using Tire-->

    Finally include the plugin.

    <script type="text/javascript" src="js/jhere.js"></script>

    And done. Execute your code on window load.

        $(window).on('load', function(){
                enable: ['behavior'],
                center: [40.664167, -73.838611],
                zoom: 8

    That's it. All the documentation is available at


    Please refer to for information about the extensions for jHERE.


    Because @thingsinjars is awesome jHERE has a playground, where you can go and experiment with the API, make cool maps, save the result as a Gist and share it with the world.


    Feel free to submit pull requests and report the issues you may find when using the plugin.

    Code Style

    I am not a code style super-geek, but here are the things I like and I don't like:

    1. ☼ Like: semicolons at the end of the line.
    2. ☁ Don't like: tabs, use 4 spaces instead. Not 1, not 2, 4.
    3. ☼ Like: single quotes for strings.
    4. ☁ Don't like: trailing whitespaces, messed up indentation.
    5. ☼ Like: meaningful variable names. Don't steal the job to the minificator. Also I want to keep the size of the plugin small, so do facilitate the minificator's job by caching long namespaces and functions that are invoked often.
    6. ☁ Don't like: globals.
    7. ☼ Like: well documented API. If you add functionalities, take the time to write the documentation using // comments directly in the source code. Docco will do the rest.


    I normally like single line comments, i.e.

    //My comment goes here

    However I am using Docco to automatically generate documentation for the API, so // is reserved for documentation, as single line comments are parsed by the tool. Anything that developers using the plugin should not see in the API docs will have to be commented with /* */.

    Before submitting a pull request

    If you changed anything in jhere.js before pushing please run a

    make test

    If something fails, please fix the problem.

    If you changed anything else (e.g. extensions, adapters) please run

    make dist

    before submitting the pull request.


    jHERE is kindly supported by:

    BrowserStack logo

    BrowserStack: Live, Web-Based Browser Testing on all desktop and mobile browsers. I use BrowserStack to make sure jHERE runs on all the supported browsers.

    Digital Ocean logo

    Digital Ocean: Simple Cloud Hosting, Built for Developers. Soon and the playground will be hosted on Digital Ocean.

    Show All