Add a custom div to google maps

Add_Custom_Div_to_Google_Map.js

// Add custom pane
			function DragPane() {}
			DragPane.prototype = new GControl;
			DragPane.prototype.initialize = function(map) {
			  var me = this;
			  me.panel = document.createElement("div");
			  me.panel.style.width = "400px";
			  me.panel.style.height = "25px";
			
			  me.panel.innerHTML = "<div class='message'>Drag and drop icons to calculate a new route</div>";
			  map.getContainer().appendChild(me.panel);
			  return me.panel;
			};

			DragPane.prototype.getDefaultPosition = function() {
			  return new GControlPosition(
			      G_ANCHOR_TOP_LEFT, new GSize(80, 5));
			};

			DragPane.prototype.getPanel = function() {
			  return me.panel;
			}
			self.map.addControl(new DragPane());