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.
View 1 RepliesMy goal is to display an address. In the example on google, you can input it through a form:[url]
I would like the map to show the location+marker when I open the page, not after clicking a submit button.
However, I only want an address in my html. I want the API to convert it in a LatLng format.
It's all in the source code of the page mentioned above.
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.
<html>
<head>
<style type="text/css">
[code]...
i need to be able to add geo location on the map. i would like to click a button and add my location marker on the map. enclosed is my code this is using google map api v3
Code:
<script type="text/javascript">
function initialize() {
[code]....
I am currently building a web app that uses Google Maps V3 api.
You select a check box which then shows a marker on the map.
My issue is, when you select and the marker is placed, I need the map to focus to that point, it currently embeds but doesn't focus.
Is there a particular function I could use to achieve this?
My current code is shown below:
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)
[code]....
I am generating a google map and plotting markers based on the IP addresses of cities stored in my database.
For each marker i display on the map I want the user to be able to see the city name and also a number that is generated from my DB.
So Id have a custom blank marker and put the city name and a number onto the marker. Is this possible?
Very similar to this: [url]
On my site: [url]
I am able to move my logo on my map, is there any way of locking it's position?
I'm trying to remove a marker that was initialized like this:
marker = new google.maps.Marker({
position: latLng,
map: map,
draggable: true,
animation: google.maps.Animation.DROP,
title: 'Marker 1',
[Code]...
I am trying to pass _marker to showEquipmentDataDiv() in the code below but I get a runtime error that says
Quote:
The alert(_marker.getTitle()) works so the marker is being passed to getLocationEquipmentHTML() correctly.
Code:
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
[Code]...
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'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.
[Code]...
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?
View 1 Replies View RelatedI 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.
View 1 Replies View RelatedI'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.
[Code]...
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.
View 2 Replies View RelatedI've been playing a lot with jQuery though, and thought I'd have a try with the Google Maps Javascript API v3
I have a bit of code;
[Code]....
Everything works perfectly, except the form fields don't update once the marker is moved. I expect this is a really elementary javascript mistake!?
I'm not sure where I have translated this incorrectly. I have one google map embedded on my page which works fine. But I wanted to add a second one. I thought the easiest way to do this would be to have a second page which is called later on with all the details on it for the second map. However although I think (this I presume is where I went wrong) I have replicated the instructions correctly the place holder for the second map just remains blank.
This is the code for my called page with the instructions for the second map:
And this is the script of the main page, just in case I would be better off keeping them both in one place.
<head>
I've cut out the script that doesn't relate to this so I hope I haven't missed anything important.
I'm new to this forum and JS. I simply want to be able to use the Google Maps API v3 to allow a location value entered in my app (by the user) to show that location via Google maps.The code below accomplishes this via an onClick event. How to accomplish the same WITHOUT an onClick? To be clear, it appears I need to be able to perform the geocode lookup to get the long/lat coordinates and then apply them. That all needs to occur on page load.
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
[code]....
I am trying to create an application which utilizes the distance finder. I want to be able to calculate the distance between two points. I have managed to (with the aid of a lot of tutorials) be able to calculate the distances between two points.
Now, in the application, there will be times where the user does not supply us with their location to calculate the distance. In this situation, the Latitude and Longitude will be calculated and this location will be shown to the user in the address form instead of with Latitude and Longitude.
What I have on one page is the distance calculator:
And on my other page I've got the latitude and longitude calculator.
I'm also stuck because these two pages will act as functions and will be linked to the main page where the input and output will occur. I'm new to JavaScript, but I am willing to do a lot to get this to work.
The rssdisplayer.js code works well enough, however, clicking on the generated rss news link updates the current html page with the feed. Not a good idea since I don't want people leaving my website.
So, the script that builds the href link looks like this:
I want to add target="_blank" for obvious reasons.
I am well versed in design and PHP programming but when it comes to javascript (and Google's API for their maps) I'm pretty rusty. I don't need someone to provide me with exact answers on this, but just any advice on the best way to achieve ... or if you want to give me the exact code, that's cool too.I am potentially working on a project that would involve using Google Maps as a base and overlaying all of the various trails that can be found in the Minnesota area (snowmobile trails in winter, hiking in summer, etc).
I have been reading up on the API for Google Maps and from what I've read so far, it appears that to create the lines, you need to input coordinates for any accuracy? Is this correct? I see that I could simply overlay a graphic of the trail map on top of the Google map, but we are looking for something more elegant that actually shows the lines on the map versus an image.Would we need to have coordinates for every bend / turn of the trail?