emonade Posted October 18, 2014 Share Posted October 18, 2014 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/ Link to comment Share on other sites More sharing options...
niche Posted October 18, 2014 Share Posted October 18, 2014 We're here to help, but not for pay. This is a learning site. Link to comment Share on other sites More sharing options...
Ingolme Posted October 18, 2014 Share Posted October 18, 2014 You probably should read the W3Schools HTML tutorial from start to end, there's way too much to explain to you in one forum post. What you have in your code right now is referred to by developers as "Tag soup". Once you've learnt HTML and created a new page, pass your HTML through the W3C HTML validator frequently, because incorrect HTML will cause CSS and Javascript to not work properly. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now