搜尋結果
Create real-world, real-time experiences with the latest Maps, Routes, and Places features from Google Maps Platform. Built by the Google team for developers everywhere. Get started Read...
- Audience
- Hello, World
- Load The Maps Javascript API
- Declare Your Application as HTML5
- Loading The Maps Javascript API
- Map Dom Elements
- The Map Object
- Troubleshooting
This documentation is designed for people familiar with JavaScript programming and object-oriented programming concepts. You should also be familiar with Maps from a user's point of view. There are many JavaScript tutorialsavailable on the Web. This conceptual documentation is designed to let you quickly start exploring and developing applications ...
Even in this simple example, there are a few things to note: 1. We declare the application as HTML5 using the declaration. 2. We create a divelement named "map" to hold the map. 3. We define a JavaScript function that creates a map in the div. 4. We load the Maps JavaScript API using the bootstrap loader. These steps are explained be...
The bootstrap loader is the recommended way to load the Maps JavaScript API. The JS API loader is also provided as an alternative. We recommend that you review both approaches, and choose the one that is most appropriate for how the code in your project is structured. For more details, see Load theMaps JavaScript API.
We recommend that you declare a true DOCTYPE within your web application. Within the examples here, we've declared our applications as HTML5 using the simple HTML5 DOCTYPEas shown below: Most current browsers will render content that is declared with this DOCTYPE in "standards mode" which means that your application should be more cross-browser com...
Script Tag Attributes
Notice in the examples above that several attributes are set on thescripttag, which are recommended. The following is an explanationof each attribute. 1. src: The URL where the Maps JavaScript API is loaded from, including all of the symbols and definitions you need for using the Maps JavaScript API. The URL in this example has two parameters: key, where you provide your API key, and callback, where you specify the name of a global function to be called once the Maps JavaScript API loads comp...
Libraries
When loading the Maps JavaScript API via the URL you may optionally load additional libraries by using the await operator to call importLibrary() from within an async function. Libraries are modules of code that provide additional functionality to the main Maps JavaScript API but are not loaded unless you specifically request them. For more information, see Libraries in the Maps JavaScript API.
For the map to display on a web page, we must reserve a spot for it. Commonly, we do this by creating a named divelement and obtaining a reference to this element in the browser's document object model (DOM). In the example above, we used CSS to set the height of the map div to "100%". This will expand to fit the size on mobile devices. You may nee...
The JavaScript class that represents a map is the Map class. Objects of this class define a single map on a page. (You may create more than one instance of this class — each object will define a separate map on the page.) We create a new instance of this class using the JavaScript newoperator. When you create a new map instance, you specify a ...
API Key and Billing Errors
Under certain circumstances, a darkened map, or 'negative' Street View image, watermarked with the text "for development purposes only", may be displayed. This behavior typically indicates issues with either an API key or billing. In order to use Google Maps Platform products, billing must be enabled on your account, and all requests must include a valid API key. The following flow will help troubleshoot this:
If your code isn't working:
To help you get your maps code up and running, Brendan Kenny and Mano Marks point out some common mistakes and how to fix them in this video. 1. Look for typos. Remember that JavaScript is a case-sensitive language. 2. Check the basics - some of the most common problems occur with the initial map creation. Such as: 2.1. Confirm that you've specified the zoom and centerproperties in your map options. 2.2. Ensure that you have declared a div element in which the map will appear on the screen. 2...
2024年1月29日 · Features. Browse docs for core features of the Maps JavaScript API. Map types. Display the road, satellite, hybrid, terrain, and custom maps. Localization. Automatically localize text on the...
其他人也問了
What is a googlemap object?
What is a Google Maps API key?
What API do you use for Google Maps?
What is Google Maps SDK & API?
2024年4月17日 · Maps SDK for Android Quickstart | Google for Developers. New map styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette and...
Google Maps Platform. Documentation. All the information you need to bring the real world to your web and mobile apps with. Google Maps Platform SDKs and APIs for Maps, Routes, and Places. SDKs...
Web APIs. Maps Embed API . Add a Google Map to your site without code or quota limits. Maps JavaScript API . Customize maps with your own content and imagery. Places Library, Maps...
2024年4月17日 · This is an index of all the classes, methods, and interfaces in the Maps JavaScript API version 3.56 (weekly channel). This reference is kept up to date with the latest changes to the API. For...
