I have seen examples where it shows the google map and you can draw the polygon, but does anyone know if there is a pre existing script that allows someone to make the polygon and populate a form of the coordinates when they are done?Basically what Im trying to do is have a person draw an area on the google map and then save those coordinates for later use.
View 1 Repliesi have to draw a line between to different coordinates which are going on google maps so for example :
[Code]...
the above coordinates are in xml format which, i later call in Java script functions and display them on the map as a simple pointers what i need is from one point of coordinates to another point of coordinates Java script would draw a line which would represent the direction from one coordinate to other .
In this snippet the addresses stored in address[] is geocoded using google maps API. The problem comes when i try to pass these values on to the array flightPlanCoordinates to create a polyline. Nothing happens.
Can anyone tell me why? PS. Im quite new to JS
var flightPlanCoordinates = [];
for ( var i=0, len=address.length; i<len; ++i ){
geocoder.geocode( { 'address': address[i]}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
flightPlanCoordinates.push(
[Code]...
I am having some issues with getting multiple sets of coordinates to appear on google maps on my website. I have many items stored in a database, and each row has a field for latitude and a field for longitude. I get the data like this:
$getdeals = "SELECT * FROM deals WHERE cityid='$cityid'";
$result = mysql_query($getdeals);
while($row = mysql_fetch_array($result)){
$title = $row['title'];
$lat = $row['lat'];
$lng = $row['lng'];
//This is where I think I would try to add the point to the map
}
I search through the forums and google but didn't find anything on this, but I was wondering if anyone was having or has had issues with google maps changing their lat/long coordinates, even when a frozen version is declared?
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
In the geocoding portion:
[Code]...
I'm attempting to find coordinates for several addresses at a time. I'm using a for-loop to loop through an array of addresses. I figured it would be best to have a separate function to evaluate the coordinate given an address, and just call it in every loop.
Note that my code below is simplified (I removed the for loop because that's not where I'm having trouble). I know that the issue is probably because I'm trying to return a value from an anonymous function... I tried making the variable global, I tried having a return line from within the anonymous function, nothing has worked... any tips?
Code follows
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 find some kind of polygon map search JavaScript that allows
me to draw a polygon on a map an passed it on so i can define a search
from the coordinates
Have anyone see any sites using this functionality or something
similar?
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.
How can I find out (using JavaScript) the x and y coordinates of a HTML
element, e.g. an image, an anchor, a div?
I am trying to get the X and Y coordinates to have a pop up form to use as reference, this is a shopping cart so the more items in the cart the further down the page the form needs to open,
i have this CSS:
Code:
#theFormDiv6 {
display:none;
position:absolute;
top:500px;
[Code]....
I am not real good at JS and I am trying to piece together things.
This works in IE but does not in Firefox, when I comment out the getMouseXY() call it works in firefox but obviously doesnt get the new Y value..
anyone know how to make this work in both IE and Firefox??
How can I get mouse coordinates and set them?
mean: When I click button1, my mouse places over button2.
I'm trying to build a simple image-map-creation tool for a web-based app I'm making. (User selects an image, then clicks on it to set image map areas; initially could be just RECTANGLE, later want CIRCLE and POLYGON.)
The quickest "solution" was to display the image with anchor tags, with the ISMAP option on. This causes the x/y coordinates to be displayed in the status bar, at the end of the URL. Sweet, but I'd like to be able to tell when the user clicks, and then grab those values. Then I can build a text string holding their selected area, etc. (It'd be great if I could show the selected area with a box or something, too, but that may require doing it in PHP, building images, etc.) Anyway, does anyone know how I can get the X/Y coordinates when the user clicks? Since it's in a form, can I do something with input types to get the values?
how to find the coodinates for a picture in a middle of the page for example with js? I need this because i have a js script that get the mouse coodinates (X,Y) for the page.I have to modify this script to work only at my picture area and to get me the coordinates for my picture not the coordinates for my hole page. Code:
View 5 Replies View Relateddo ya know an efficient way to get the coordinates of a pictures so that I can use them to create a map? It is a rectangle. Here is the code I set up for a page:
<HTML>
<HEAD>
<TITLE>Cyrus</TITLE>
</HEAD>
<BODY BGCOLOR=black>
<div align="center">
<table border="0"; cellspacing="0"; cellpadding="0">
[Code]..
I've got a image zoomer set up using a script located in shiftzoom.js. Basically, the XY coordinates of the mouse are shown in the bottom left of the image as the mouse moves. However, when I am zoomed right out the coordinates are limited to that of the image 'canvas' size (1024,768) and as soon as I zoom in, the coordinates of the mouse (which is in the same place) change until I am fully zoomed in and the coordinates are limited to the original image resolution in the corners. Hope that made sense... This is the relevant code in shiftzoom.js:
[Code]...
I have a simple problem: mark a list of defects
on an image.
I think the best way to do it is to select a single
deffect, then take two coordinates of coursor
form an image on a web page (first when user press
the button, and the second when he releases it).
Those two points are going to be send to the web
application (i.e. with AJAX) and saved in a database.
Later, I will use those points to render
the image with RMagic (drawing the lines and defects
list numbers on top of the image).
Any suggestions how to do it?
how would i get the distance and angle between 2 points on the screen.
For example:
what is the distance between (100,50) and (250,70)
what i really wanna do is see how far the current mouse position is
from a given object and what the angle is between them.
<form action="..." method="post">
<input type=image name="Image1"
src="..."/>
</form>
When I click on the image the form submitted to the server. As I can
see post data contains next additional values: Image1.x=121 and
Image1.y=64 These values are coordinates of clicked point relative to
image.
Can I get these values in onclick event handler (within the
beforeSubmit method)?
I have a grid 500 by 500 with 16 squares each 125 by 125. I can shuffle these images manually by setting the background-position in css. if the position is 0px, -125px how can I store those in an array and pull them in randomly? here is my code:
<html>
<head>
<title>shuffle tiles</title>
<script type="text/javascript">
function shuffle(){
//?????
}
[Code]...
I have this code for HMTL5 Canvas, however this is a JavaScript directed question not a Canvas question.
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(0,400);
cxt.lineTo(50,a);
cxt.lineTo(100,b);
cxt.lineTo(150,390);
[Code]...
That will draw a line graph, however I want to get the coordinates from a variable in the URL. So it may be example.com/a=500&b=600 . How would I retrieve these two variables and then insert in to they're respective places?
i'm trying to get the XY coordinates of a clicked mouse
here is my code :
if(event.pageX)
alert(event.pageX);
else if(event.clientX)
alert(event.clientX);
[Code]....
how to to get the the coordinates x,y of a mouse click in a google map? how to connect this 2 ponits with a line?
View 3 Replies View RelatedIs there a way either in PHP or Javascript where the cooridinates of a requested image can be worked out? Let me explain - our members must have an image that is requested from our web server placed above the fold on their web site.
Instead of manually checking that the image is above the fold we would like our application that sends the image (written in PHP) or the Javascript on the members web page that calls the image each time th eweb page loads to tell us where the image will be placed on a web page. Is this possible?
I've been having an issue with Safari when it comes to getting mouse coordinates after clicking on an element - specifically the Y coordinate. For some reason, the 0 position is the bottom left corner of the window. The further down the page, the lower the number gets. This is crazy behavior - I have this stupid thing working in every other browser, but Safari.
My script is modeled after the standard Quirksmode script:
function doSomething(e)
{
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX + document.body.scrollLeft;
posy = e.clientY + document.body.scrollTop;
}
// posx and posy contain the mouse position relative to the document
// Do something with this information
alert(posy);
}
My test HTML is like so:
<br><br><br><br><br><br><br><br>
<input type="checkbox"
<br><br><br><br><br><br><br><br>
<input type="checkbox"
Any help?
how can i call a click function to click on a link if i dont know the id of it but just know the coordinates where the link is?
View 1 Replies View Related