![]() We combined the Static Maps API with the Maps API in the example above. The following example combines the descriptions of the offices with the image of the location map. Use case - Display a list of locations of offices on a web pageĪ good example of a use for static maps would be to display a list of locations of offices, stores, businesses, real estate, etc. Open Street Map Google Maps MapBox Custom Map Provider Multi TileLayer Maps Other Map Providers Marker Live Maps Live Stream Maps Static Maps. The maximum size of the image must be 4096 total pixels = 64圆4 px.Įxample map with a custom image marker: |anchor:center|8.57916,47.127899įor multiple markers, you can only use one custom image. If the hexadecimal representation is used, the # symbol must be represented using its URL encoding, which is %23.Įxample map with multiple markers (default marker multiple colors): Marker colors can be defined using hexadecimal values, rgba or the name of the colors (e.g. Individual markers are separated by a pipe symbol ( | ).Įxample map with multiple markers (default marker):Įach marker can also have a different color - specified as the 3rd parameter (e.g. Each marker is a lng,lat pair separated by commas. More than one marker can be added to the map. To add markers to a map image, a parameter called markers must be used in the URL. The API also offers the possibility of adding information to these images, such as a marker at a specified position or drawing a line or a polygon on the map. To create a link to a map, you must indicate the map identifier (mapId) in the URL path ?key= YOUR_API_KEY #Maptiler static map with a pin how to#We recommend reading the article How to protect your map key to protect your account and data.Ģ. #Maptiler static map with a pin free#In the case of making an API call without the key parameter, the following error is obtained "Missing key - Get your FREE key at " The API key must be passed in a parameter called key in API requests. Your MapTiler account access key is on your MapTiler Cloud account page or Get API key for FREE. The first thing we need to know to use the API is that all of the requests to the API have to be authorized using your API key. How to search places by coordinates (reverse) How to search places by name (forward)Ĩ.3. How to create a map image with lines or polygonsĨ.2. How to use the OGC WMTS service in your mapģ.2. How to use raster tiles in your mapĢ.2.3. How to use vector tiles in your mapĢ.2.2. How to add an interactive map on a web pageĢ.2.1. This article uses different use cases and examples to explain how to use the main options offered by the MapTiler Cloud API to create maps. Explore the MapTiler Cloud API to see all its features. Through the API, you can add a map directly to your website, create an image with a location map for your business, search for addresses, etc. Either way, this docker image is a work-in-progress.The MapTiler Cloud API allows access to all the data, maps, and resources in the MapTiler Cloud without having to open a browser. That way it might be a bit more composable than it is now. Right now it's part of the URL path ( /styles/basic-preview/static//auto/800圆00.png), but I think it might eventually make more sense to pass marker styles as query params, e.g. This uses a bespoke URL format but it's pretty simple IMO. if icons are too close together, only one gets shown (this might be considered a feature, or not.).there's a slight bit of premultiplication weirdness involving transparent icons that I'm hoping to resolve soon with mapbox-gl-native updates.this generates markers by actually placing the icons as images on the map, as a result:."references" help keep URL length down when you have a lot of markers.specify a different external image URL for each marker.choose your own marker color hex value as well as size (small, medium, large).You're welcome to try out my implementation here: ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |