I want to add a google map(with street view) in my site. I use this code. when I clicked the point on the map, it can change the street view to this part and show the click point information. But how to add a Red balloons marker in the click point? Then I click in the other point, the first Red balloons marker will move to the new point.( just click for move the marker, not drag the marker)
<!-- You are free to copy and use this sample in accordance with the terms of the Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
how can I get my custom markers to show? I have got my code in place, everything works except, doesn't show my custom marker?!
here is my code: <script type="text/javascript"> //<![CDATA[ if (GBrowserIsCompatible()) { // A function to create the marker and set up the event window // Dont try to unroll this function. It has to be here for the
Right I have google maps connected to a database which holds stockists and their information. The user enters their postcode and radius and markers are put on the map of stockists in the radius of their postcode. I have this all working fine and the database chucks the information into an xml file fine. The problem im having is displaying the information in the pop up window of the marker.
Example Xml:
The only information displayed in the sidebar entry is the name and distance and on the marker just the name.
I am trying to add markers to Google Maps, they are working fine but some of the markers are of same location, thus Google Map will show only one marker for them. Is it possible to show all markers no matter if they are of same location.
I'm trying to update the location of a marker in a Google Maps API. The only problem is that the marker won't update (only if i update the whole initialize() function with a setTimeout function).
It goes about the following code:
Code:
What i want is that the marker updates automatically (with AJAX) and not the whole map. First of al i thought i push the code that set's te marker in a function, and reload that every 4 seconds. But that doesn't work.
I have the code below but for some reason it only works when adding the marker to the map (map click). When I drag the marker around, the coordinates and closest address don't update.
This code works if I add the marker straight in the initialize() function but not when I add it within the addListenerOnce for map click event. I want to be able to add 1 marker to the map, and update its address and coordinates when dragging the marker around.
Of course, I make code for marker add and move, but how do I can make deletion option for marker? And how do I can make automatic route creator from marked point A to marked point B?
I have several google map markers and lightbox image gallery in the html file. I need to associate each image from the gallery with the markers.
I've tried this
Code: google.maps.event.addListener(marker01, 'click', function() { document.getElementById("bump"); }); "bump" is id of div with the image, but it didn't work.
I'm trying to call a javascript from a marker in my embedded google map on my website. But it's not working out the way I want. I'm making a link in "my maps" but he deletes all the javascript I'm trying to implement.
I'm using the goMap Google Maps plugin very successfully (and I highly recommend it) - except that I can't seem to set shadows on my map markers. There appears to be support for this in the plugin source code - but there's no documentation I can find.
Anyone got an clues on how to do this? This is a simplified version of the code I'm trying to use. I have checked the obvious/stupid things - file path is correct (the image isn't 404ing in firebug), and there's no js errors being thrown, or any other warnings reported.
I want to know if this can be done using jQuery and Google Maps. In my website I have a Google map where users could add new markers with a description on it and the marker they put would be permanent on my map, meaning if they comeback they would still see the markers they added.
I also want the feature that they could just drag and drop the marker, so it would be easy to the users. What would be my approach and how would I do it?
I am designing a site where users can submit a location. I want to use Google Maps with a draggable marker which posts the lat, lon when dropped on a position. I was wondering if anyone knows of a tutorial or could point me in the direction of anything similar.
Hopefully a really quick question. I'm a JS novice, and am looking for a way to output the coordinates of a Google maps marker into the value of two text fields, one for latitude and one for longitude.The code below is a simple location search which returns a result with a draggable marker. Currently, the coordinates in both text fields update when the location search is performed, but not when the marker is dragged to a new location afterwards.
for example if you have a <span id = "test" onMouseOver ="myfunc(x)>
eg you have lots of differant span id's but you want then all to have a certain background-color with each individual on mouseover event without having to write separate code for each span id eg <span id=" test2"onmouseover ="this.style.background ='red'>....
i have an initAll() called on window.onload within initAll() I assign a few onclick handlers to some links. However, it would be great if I could pass an argument to the handler, so I could use the same handler every time... but if I include two brackets for each handler, it executes immediately... ignoring the 'onclick' bit...
window.onload = initAll; function initAll(){ document.getElementById('btn_events').onclick = getSpecificFeed('events'); }
I am trying to pass an argument to a function to process server responses. My original line of code looked like this: [url]
This works well enough as is, but I am trying to pass arguments to the function, and everything I am reading says to contruct the code like this: [url]
Every example I have come across uses this same approach, but I keep getting the error "Expected ';'" pointing to this line and then the code fails to execute. I just cannot see where there is anything missing, and it looks pretty much identical to my examples.
I have also tried replacing the call to the function with the actual code in long-form, and the result is the same.
how to you use the result of a function as the argument for another function instead of passing the actual function to it. i.e.
function foo2(){}
function foo(func){}
foo(foo2);
This passes foo2 to foo, can I do foo(foo2()) ? i.e. is the difference between whether a function is passed or evaluated dependent on whether you use "()" after the function name?
i am trying to create some markers on an image to point some options. I would like to emulate the same shape as google marker balloon, but i dont know if its possible to create using just css and javascript or not.
i have created a function which creates a rectangular div on the image when we click on the image. but i want its shape to be like a water drop, as it is much more better to see and figure out what it is pointing to.