StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POInitializing a Google Map With jQuery
primarykey
Id
20005262
data
AcceptedAnswerId
20005789
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-11-15T16:01:27.067
FavoriteCount
0
LastActivityDate
2013-11-15T16:27:46.737
LastEditDate
LastEditorUserId
0
OwnerUserId
648407
ParentId
0
PostTypeId
1
Score
2
ViewCount
7153
LastEditorDisplayName
text
Body
<p>I am just starting out with Google Maps API v3 and jQuery. I have made maps before with the v2 API, but it didn't use jQuery. This way will hopefully help me learn some more jQuery on the way. I am following the example on the <a href="https://developers.google.com/maps/documentation/javascript/tutorial" rel="nofollow">Google Maps API Tutorial</a> and trying to get their most basic hello world work with jQuery. I am also using the <a href="http://gmapvsdoc.codeplex.com/" rel="nofollow">Google Maps API3 Visual Studio Intellisense helper</a>.</p> <p>My main page is as follows:</p> <pre><code><!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Map Page</title> <link href="style/main.css" rel="stylesheet" /> <script src="scripts/jquery-1.10.2.js"></script> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <script src="scripts/google-maps-3-vs-1-0.js"></script> <script src="scripts/mdaMap.js"></script> <script type="text/javascript"> $(function () { map = new google.maps.Map($("#map-canvas"), startMapOptions); }); </script> </head> <body> <div id="map-canvas" /> </body> </html> </code></pre> <p>mdaMap.js contain's the following:</p> <pre><code>/// <reference path="jquery-1.10.2.js" /> /// <reference path="google-maps-3-vs-1-0.js" /> var map; var startMapOptions = new google.maps.MapOptions; var startCenterLocation = new google.maps.LatLng(32.912229, -88.692627); var startZoomLevel = 7; var startMapTypeId = google.maps.MapTypeId.ROADMAP; </code></pre> <p>I'm trying to get this working with just some basic jQuery to load the map into a specific element, rather than using Google's tutorial code of <code>google.maps.event.addDomListener(window, 'load', initialize);</code></p> <p>What is it I am missing? My jQuery knowledge is limited, but I thought I at least knew how to do selectors and have script run when the page was ready with <code>$(function() {})'</code></p> <p>Or is my mistake in thinking that a map can be initialized other than the above mentioned way with <code>addDomListener</code>?</p>
Tags
<jquery><google-maps-api-3>
Title
Initializing a Google Map With jQuery
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USAdam H
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. VO
  singulars
  PostPostId
  POInitializing a Google Map With jQuery
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

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.