SPORE logo
Weather
Facebook
Google

The Sandbox - Playing around with the Google Maps API and HTML5

#1 - I Am Here

This is my 'sand box' in which I play around with the Google Application Programming Interface to locate things around the lake in terms of latitude and longitude and pixels on a map.

I'm going to do all of the experimenting on a map of Deep Creek Lake without all of the site stuff like menus, headings, etc. and I'm going to do that here. -

#2 - Terrain Profile

Here is an interesting tool to find out the terrain profile between two points. It's called Path Profiler Go to the location of interest click on two or more points and click on -Draw Profile- in the tiny menu on the right side

#3 - Hello World

This the simple - Hello World example

#4 - Picking Coordinates - Version 2

This picks coordinates from a map and php to store the values. - Picking Coordinates - example.

#5 - Street address -> lat/lon ->.

Specify street address, get lat/lon location and marker on a map - Test - example.

#5a - Street address -> lat/lon ->.

Same as #5 but on a large map - Test - example.

#6 - Street address -> lat/lon ->.

Another approach - Specify street address in a box, get lat/lon location and marker on a map - Getting Coordinates - example.

#7 - Street address -> lat/lon ->.

And a third approach - Specify street address in the code, get lat/lon location and marker on a map - Getting Coordinates - example.

#8 - Lat/lon -> multiple markers ->.

A different version from #8. Now specify a street address, place a marker, click on the marker to reveal an image - Getting Coordinates - example.

#9 - Lat/lon -> marker -> display text box.

Display a custom marker. Click on the marker to reveal text in a text box with a URL reference. - Test out - the example. This was found on the Internet

#10 - Lat/lon -> markers -> display text box and photo -> Click on markers

Adapting #9 to place a custom marker, a text box with small image, and a photo at specified lat/lons. - Test it out! -

#11 - HTML5 Canvas0-> trying out

Implementing KineticJS - html5_canvas0.php -

#12 - HTML5 Canvas1-> trying out

Implementing KineticJS - html5_canvas1.php -

#13 - HTML5 Canvas2-> trying out

Implementing KineticJS - html5_canvas2.php -

#14 - HTML5 Canvas2-> trying out

Implementing Apple's Examples - html5_canvas3.php -

#15 - Testing Global Search-> trying out

Implementing a JavaScript Global Search method - search_global1.php -

#16 - Testing Local Search-> trying out

Implementing a JavaScript Local Search method - search_local1.php -

#16 - Testing Random Item Display-> trying out -

Implementing a script to randomly display an image - random_part.php -

#17 - Testing Google's Search Option> trying out

Implementing Google's search locally - search_local2.php -

#18 - Testing Display of Lake Level Alert

Implementing Display of Lake Level Alert - html5_canvas4.php -

#19 - Testing Display of Lake Level Alert2

Implementing Display of Lake Level Alert2 - html5_canvas5.php -

#20 - Testing a Dynamic Panoramic View

A panoramic view of Deep Creek Lake with canvas. - panoramic1.php -

#21 - Testing SVG -

SVG with canvas. svg1.php -