Skip to main content

Adding Google Maps to your site

With Google Map API its easier to add maps to web sites. Recently i was working on it and found it very simple and easy to add. Following steps will help you to add maps.

Step 1. : Register with Google(http://www.google.com/apis/maps/signup.html) to Get a Key.
Step 2. : Add the following script in Head tag of the HTML Page

<script
src="http://maps.google.com/maps?file=api&v=2.x&key=ABC" type="text/javascript">


Step 3.: Add a div tag as shown below inside body tag

<div id="map" style="width: 400px; height: 500px;"></div>
(this div will display the map)
Step4.: Add the following code to your body tag

<script type="text/javascript">
var map = new GMap2(document.getElementById("map"));
map.enableScrollWheelZoom();
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(12.9484,77.5688), 16,null);
var marker = new GMarker(new GLatLng(12.9484,77.5688);
map.addOverlay(marker);
marker.openInfoWindowHtml("Just bouncing along...");

</script>

Step5.: Add latitude and longitude of the place in above code(replace the bold numbers with your lat long)


Latitude and Longitudes must be in Decimal Digits(DD) format instead of Degree Minute Second(DMS) Format.

You can get Latitude and Longitudes in DD format from Earth Tools.

Comments

Popular posts from this blog

How to Install Hadoop (2.7.3) on Ubuntu (16.04 LTS)

As I am planning to learn Hadoop, I wanted to install Hadoop (2.7.3) on my Ubuntu (16.04 LTS) and I followed the steps mentioned in the documentation on the Apache Hadoop website. I encountered few problems which are mentioned below, spent some time finding solution to them.

Below are the steps I followed and the description of the error is at the end of this post and also I have mentioned what I missed and what caused these errors.


Step 1. Download Hadoop installation file. For Hadoop 2.7.3 version I used the following link 

http://www.apache.org/dyn/closer.cgi/hadoop/common/hadoop-2.7.3/hadoop-2.7.3-src.tar.gzStep 2. (Assuming you have downloaded the file into /home/<username>/Downloads folder

$ tar zxf hadoop-2.7.3-src.tar.gz
This will extract the files into a folder  "hadoop-2.7.3" .

Step 3. I moved the file to /home/<username> folder (many suggest to move it into /usr/local but I prefer to keep it here, may be once I learn more about linux I might get into tha…

Installing Adobe Reader on Ubuntu 16.04 LTS

Adobe stopped Adobe Reader support for Linux so it is bit of a challenge to find and install the Adobe Reader for Linux. Here I describe how to install it on Ubuntu 16.04 LTS.

Step 1. First install gdebi

sudo apt-get install gdebi
Step 2. Install required libraries

sudo apt-get install libgtk2.0-0:i386
sudo apt-get install libnss3-1d:i386
sudo apt-get install libnspr4-0d:i386
sudo apt-get install libxml2:i386
sudo apt-get install libxslt1.1:i386

Step 3. Download the Adobe Reader DEB package

Adobe Reader 9.5.5 enu

Javascript KeyCode Reference table for Event Handling

The post explains Keyboard event handling using javascript.Javascript events are used to capture user keystrokes. Below is a table of key codes for the keys on a multimedia keyboard. If this table is inconsistent with your own findings, please let me know.

Java Script Code to Find Key code

<script language="JavaScript">
document.onkeydown = checkKeycode
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
alert("keycode: " + keycode);
}
</script>


Key Code Reference Table
Key PressedJavascript Key Codebackspace8tab9enter13shift16ctrl17alt18pause/break19caps lock20escape27page up33page down34end35home36left arrow37up arrow38right arrow39down arrow40insert45delete46048149250351452553654755856957a65b66c67d68