ProjectX Technology » Google Maps

By: Projectx Technology  06-Dec-2011

ProjectX Technology » Google Maps

What can you do with Mapsicle?

Using Mapsicle library, you can do a lot of interesting things:

  • Create and show markers at various locations on Street View like at Disneyland Paris

  • Show markers that are outside of the field of view like the NZ flag marker above.

  • Create info-windows at locations.

Getting started

Getting started on Mapiscle is really easy. To add Mapsicle to any page simply:

  1. Include the mapsicle.js in the document header
  2. <script src="mapsicle.js" type="text/javascript"></script>
  3. Define a ‘div’ element on your page to contain the Mapsicle object
  4. <div id="mapsicle_div" style="width:600px;height:400px;"></div>
  5. On the page load event, create a new Mapsicle object, with the first param being the id of the container ‘div’ element,
    and the second being the init a GLatLng object for the inital location.
  6. function init(){
      var mapsicle = new Mapsicle("mapsicle_div", new GLatLng(-41.292579, 174.779075));

Simple Example

This example shows the basics of adding a marker and location to the Mapsicle view.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="" xml:lang="en" lang="en">

    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <script type="text/javascript" src=""></script>

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

    <script type="text/javascript">
      function init(){
        var mapsicle = new Mapsicle("mapsicle_div", new GLatLng(-41.292579, 174.779075));
        var marker = new SVMarker({
        var location = new SVLocation({
  <body onload="init();" onunload="GUnload()">

    <div id="mapsicle_div" style="width:850px;height:400px;"></div>

Mapiscle possibilities

Here are some ideas :

  • Advanced Store locators – Create store locators showing you exactly how to get to your store from their current location.
  • Interactive tours – Combine Street View with content to show people interactive tours of the streets of the world.
  • Interative kiosk – What about Street View as a touch screen information kiosk.
  • Digital signage – Create interactive advertising on Street View using video and images.
  • Mashups – How about adding Street View to your mashup ?


It is early days for the library, and we have a bunch of features that we are working enhance what you can do with Street View. You can contribute and enhance Street View as part of the Google Maps Utility library. We’d really love your feedback to help us improve Mapsicle and build more cool apps for the Google maps platform.

Contact Projectx Technology


Print this page

Other products and services from Projectx Technology


ProjectX Technology » Flash API

This allows the map to be controlled similar to what is found in Google Earth, but with simple tiled maps, rather than complex terrain. Google has just released their new version of their Google Maps Flash API, the big feature in this is their 3D map view perspective.


ProjectX Technology » All Posts

For service companies, creating a common build process with bunding and image spriting will become a small incremental cost that can be re-applied across all your clients. I would have loved to give a talk on advanced web performance techniques like Varnish and Edge Side Includes or how to handle 10K requests a second on a VM. Just as we have moved on from those designs to better designs, we need to progress web performance to next level in NZ.


ProjectX Technology » Australia

The big question is will they be doing the haka before kick-off. Go the Codeblacks, do us proud.


ProjectX Technology » Business

I spent a bit of time over the Xmas break using the iPhone for reading webpages. I discovered how really sucky browsing webpages from a mobile device is. Please Google can you integrate Google Reader and Fast Flip.


ProjectX Technology » mapping

Version 3 is still in it’s early days in Google Labs, however it is already showing exciting features and improvements, as well as a much better code structure. Although there is still a wee way before this API is ready for serious use, it should be a good step forward when it’s ready.


ProjectX Technology » Made from New Zealand

Allows recognition for paths not matching the given regexp. Note we can have negative matches as well.