emonade
-
Posts
1 -
Joined
-
Last visited
emonade's Achievements
Newbie (1/7)
0
Reputation
-
I am in the process of creating a website for a new venture but i am SOOOOO rusty on codeing as havent done it in over 10 years and was never very good with anything more than html i am after someone willing to help me create the site i could afford a few pennies if need be but this project is being set up on a very tight budget it will all be centered around maps i need to have the facility to click a location on the map and it opens up alongside all the details of the business, but not in a new page just within a frame on the same page i also need a site search facility i have been trying to get the map to work in a package for days and now at the end of my teather i have used the following code which works as a stand alone but not into the current template i have been using by 123-reg <a><html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Complex icons</title> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script> function initialize() { var mapOptions = { zoom: 5, center: new google.maps.LatLng(51.5000, 0.1167) } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); setMarkers(map, beaches);} var beaches = [ ['Marmalade <br> 67 Northgate Street <br> Chester <br> CH1 2HQ <br><a href="http://www.marmalade-chester.co.uk">l</a></a>', 53.19384783026191, -2.8605856895446, 4], ['southend', 51.60592667798674, 0.66912150382994, 5], ['tarporley', 55.74326998205062, -2.8699998855590, 3], ['Manly Beach', 51.180229348841784, -1.82709896564483, 2], ['stonehenge', 51.180229348841784, -1.82709896564483, 1] ]; function setMarkers(map, locations) { var image = { url: 'images/foodsmall.png', size: new google.maps.Size(30, 30), origin: new google.maps.Point(0,0), anchor: new google.maps.Point(0, 32) }; var shape = { coords: [1, 1, 1, 20, 18, 20, 18 , 1], type: 'poly' }; for (var i = 0; i < locations.length; i++) { var beach = locations; var myLatLng = new google.maps.LatLng(beach[1], beach[2]); var marker = new google.maps.Marker({ position: myLatLng, map: map, icon: image, shape: shape, title: beach[0], zIndex: beach[3] }); }}google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html></locations></br></br></br></br></script></meta></meta> Any help would be greatly appricated i am basically trying to creat a site similar to the following one if that helps http://www.visiteatstay.com/