You are here

JavaScript Prototype Library Make Google Maps Easily by GPlotter

No JavaScript programming, only need copying and a little compiling with XML data, you can also create your own Google Map. Work with JavaScript Prototype LibraryGPlotter can let you create Google Map in sevral lines of code, without any javascript knowledge.

"GPlotter is a Javascript object which provides a simple interface to plot
markers onto Google Maps using a simple XML file. The interface allows the user
to write a few of lines of Javascript to provide this cross-browser
functionality. It has been tested and works with MSIE (6 & 7), Firefox and
Safari.
"

Download only one js code, one XML test data and prototye Lib, in you HTML file, use such code, Gplotter will create one Google map to display the points which have been defined in the test XML data.

..................
<head>
.....
<script type="text/javascript">
function init() {
var plotter = new GPlotter();
plotter.setColor(plotter.BLUE);
plotter.setIconUrl("http://gplotter.offwhite.net/maps/icons3/");
plotter.plot("map", "labels", "testdata.xml");
}
</script>
</head>

<body>
<script type="text/javascript">
init();
</script>
</body>
.........................

And here is one test XML data, modify your XML data in the same structure, Gplotter can display them on the map.

- <locations version="0.9"
latitude
="43.055968" longitude="-87.895352"
zoomlevel
="14">
- <location label="The
Gig
" latitude="43.063812"
longitude
="-87.897592">
- <address>
  <street>1132 E. Wright Street</street>
  <suite />
  <city>Milwaukee</city>
  <state>WI</state>
  <zip>53212</zip>
  </address>
  <phone>414 562-0219</phone>
  </location>
- <location label="Trocadero"
latitude
="43.053568" longitude="-87.903742">
- <address>
  <street>1758 N Water Street</street>
  <suite />
  <city>Milwaukee</city>
  <state>WI</state>
  <zip>53202</zip>
  </address>
  <phone>414 272-2050</phone>
  </location>
- <location label="County Clare"
latitude
="43.045980" longitude="-87.899884">
- <address>
  <street>1230 N Astor Street</street>
  <suite />
  <city>Milwaukee</city>
  <state>WI</state>
  <zip>53202</zip>
  </address>
  <phone>414 272-5273</phone>
  </location>
  </locations>
gplotter overview

Is that easy?

Ref:  http://gplotter.offwhite.net/

AttachmentSize
Image icon gplotter.jpg28.74 KB