google maps on website, how to get the red draw?

[Fredrikmikael]

Hello i han intigrated google maps to my LANparty website so people can see where it is hosted but i want to get the red draw thingy (red pointer) on the exact location, how do i add that ?

[jameshumphries47]

add it in photo shop or paint

[Fredrikmikael]

add it in photo shop or paint

 

its not a picture its an interactive map just a small version.

 

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

[jameshumphries47]

ahh right im not sure then maybe go to directions type in your address and drag the pointer to were you want

[squirrl]

I managed here :
http://www.topranksport.co.uk/about-us-3-w.asp
 
Doesn't work quite as well as i'd hope as it shows the information too.
 
give me a minute, i'll get the code

<iframe frameborder="0" height="300" marginheight="0" marginwidth="0" scrolling="no" src="http://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=toprank+sport&sll=53.741446,-1.686054&sspn=0.584791,1.777039&ie=UTF8&hq=toprank+sport&hnear=&t=m&ll=53.723326,-1.776524&spn=0.015235,0.025749&z=14&output=embed" width="300"></iframe><br />
<small><a href="http://maps.google.co.uk/maps?f=q&source=embed&hl=en&geocode=&q=toprank+sport&sll=53.741446,-1.686054&sspn=0.584791,1.777039&ie=UTF8&hq=toprank+sport&hnear=&t=m&ll=53.723326,-1.776524&spn=0.015235,0.025749&z=14" style="text-align: left; color: rgb(0, 0, 255);">View Larger Map</a></small>

 

Try that out (customised to what you want)

 

It's not what they recommend but it's basically dumping a URL where you searched for your place into an iframe
 

[Fredrikmikael]

I managed here :

http://www.topranksport.co.uk/about-us-3-w.asp

 

Doesn't work quite as well as i'd hope as it shows the information too.

 

give me a minute, i'll get the code

 

Looks great! Well done

 

please hurry

[Ciccioo]

search the "google.maps.marker" part in https://developers.google.com/maps/documentation/javascript/reference#MapOptions

that should allow you to place custom markers

 

edit: sample code here https://developers.google.com/maps/documentation/javascript/markers

[Nallown]

If you search for your address in google maps then you can embed a iframe to the maps and if you want to use the gmaps api then there is a js attribute which allows you to add a pointer. https://developers.google.com/maps/documentation/javascript/reference#MapOptions

[SJBijzitter]

If you search for your address in google maps then you can embed a iframe to the maps and if you want to use the gmaps api then there is a js attribute which allows you to add a pointer. https://developers.google.com/maps/documentation/javascript/reference#MapOptions

Exactly.

[Nallown]

Exactly.

chose embed, that would be the code you can paste into you website in html form to display the map

[SJBijzitter]

chose embed, that would be the code you can paste into you website in html form to display the map

I think that kind of detailed information isn't exactly needed on a forum like this

[Nallown]

I think that kind of detailed information isn't exactly needed on a forum like this

O and btw make sure that you copy everything as displayed this excludes the text outside of the textbox other then that copy everything and make sure that you paste it into your html page. To copy and paste you can hit CTRL+C when you highlighted whatever you want and then use CTRL+V to paste it

[Ciccioo]

If you search for your address in google maps then you can embed a iframe to the maps and if you want to use the gmaps api then there is a js attribute which allows you to add a pointer. https://developers.google.com/maps/documentation/javascript/reference#MapOptions

but... but... but the code...

where's the fun? where's the challenge?

anyway if you go for the harder better way, you can customize the marker with whatever image you want to place there, and its shadow and size and description and shit

and it's code, dammit! not a copypaste!

[Joshua Ondangan]

but... but... but the code...

where's the fun? where's the challenge?

anyway if you go for the harder better way, you can customize the marker with whatever image you want to place there, and its shadow and size and description and shit

and it's code, dammit! not a copypaste!

Bro i really like that profile pic of yours sorry if I'm not much help to OP but I can't help but express my like on your profile pic.

 

 

^___________________________________________________________________________^

[Nallown]

but... but... but the code...

where's the fun? where's the challenge?

anyway if you go for the harder better way, you can customize the marker with whatever image you want to place there, and its shadow and size and description and shit

and it's code, dammit! not a copypaste!

I agree. I'd go for using the API aswell but I thought that OP wanted a simple and quick solution so embedding it would be the way to go then otherwise API