StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCentering a google map with javascript from pin
primarykey
Id
16228716
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-04-26T04:22:37.410
FavoriteCount
0
LastActivityDate
2013-04-26T04:51:34.873
LastEditDate
LastEditorUserId
0
OwnerUserId
2079810
ParentId
0
PostTypeId
1
Score
0
ViewCount
135
LastEditorDisplayName
text
Body
<p>I have my page so that it allows the user to see their latitude and longitude. I've embedded a google map so that the user can click physically see where they're at. This is a project for my computer science class, so I don't want you to physically write the code for me. I just want suggestions on how to solve this. Here's what I have right now. </p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" />  <title>Assignment 4:Track My Location</title> <meta name="author" content="Alan Sylvestre" /> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script> function myLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(locationReveal); } else { alert("Please use a different browser that supports geolocation."); } } window.onload = myLocation; function locationReveal(position) { showMap(position.coords); var latitude = position.coords.latitude; var longitude = position.coords.longitude; var div = document.getElementById("location"); div.innerHTML = "You are at Latitude: " + latitude + ", Longitude: " + longitude; } var map; function showMap(coords) { var googleLatAndLong = new google.maps.LatLng(coords.latitude, coords.longitude); var mapOptions = { zoom : 18, center : googleLatAndLong, mapTypeId : google.maps.MapTypeId.SATELLITE }; var mapDiv = document.getElementById("map"); map = new google.maps.Map(mapDiv, mapOptions); addMarker(googleLatAndLong); } google.maps.Map(mapDiv, mapOptions); var marker; function addMarker(latlong) { var markerOptions = { position : latlong, map : map }; marker = new google.maps.Marker(markerOptions); } var center; function calculateCenter() { center = map.getCenter(); } </script> </head> <body style="background-color:yellow;" text="blue;"> <div align="center"> <h1>Reveal My Location</h1> <p> You know what's pretty cool? Tracking your location using a simple internet connection. By clicking this button, you're browser will track a global database and reveal your location in terms of latitude and longitude. Enjoy! </p> <div id="location"></div> <br> <div id="map" style="width:400px; height:400px;"></div> <br> <input type="button" id="centerOfMap" value="Center" onclick="calculateCenter()"> <footer> <p> &copy; Copyright by Alan Sylvestre </p> </footer> </div> </body> </code></pre> <p></p>
Tags
<javascript><google-maps>
Title
Centering a google map with javascript from pin
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USAlan Joseph Sylvestre
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COWhoops. What I need is so that the user can click the button, and the map centers itself back to where the user is now.
  singulars
  PostPostId
  POCentering a google map with javascript from pin
  UserUserId
  USAlan Joseph Sylvestre

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.