Hi there,
I made some nice webpage with adobe edge, and additionaly I would like to implement store finder made with google maps. Any idea how I should do this?
Here the website:
And here the map:
http://www.heelbopps.com/maps/map.php
What I intend to to is to make a div between contact and disclaimer and load map.php in this div.
Here how does the look the file: map.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>Google Maps AJAX + mySQL/PHP Example</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"
type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="storeLocator.js" type="text/javascript"></script>
</head>
<body style="margin:0px; padding: 0px;" onload="load()">
<div>
<input type ="text" id="addressInput" size="10"/>
<input type="button" onclick="searchLocations()" value="Suche"/>
</div>
<div><select id="locationSelect" style="width:100%; visibility: hidden"></select></div>
<div id="map" style="width: 100%; height: 80%"></div>
</body>
</html>
How can I implement this code in adobe edge? Please help, because I am clueless, and it has to be done today.
Many many thanks in advance...
Stanko