{"id":2794,"date":"2023-12-22T18:59:51","date_gmt":"2023-12-22T18:59:51","guid":{"rendered":"https:\/\/developers.maplink.global\/first-steps\/"},"modified":"2024-10-11T18:57:43","modified_gmt":"2024-10-11T18:57:43","slug":"first-steps","status":"publish","type":"post","link":"https:\/\/developers.maplink.global\/en\/first-steps\/","title":{"rendered":"First steps"},"content":{"rendered":"\n

Import the Javascript API<\/strong><\/h2>\n\n\n\n

The Maplink’s Javascript API is publicly available at the url https:\/\/maps.maplink.global,<\/a> and can be included in any web page easily with a tag script<\/code>:<\/p>\n\n\n\n

<script src=\"https:\/\/maps.maplink.global\"><\/script><\/pre>\n\n\n\n
Create map object<\/strong><\/h2>\n\n\n\n
With the API already imported, all you need to do to render a map is define a div<\/code> element on your page, and create an instance of the MaplinkMap<\/code> class associated with this element.<\/p>\n\n\n\n
The class constructor waits for two mandatory arguments: the Maplink api key (client_id<\/strong> used for API authentication), and the id<\/code> of the div<\/code> element where the map will be rendered.<\/p>\n\n\n\n
<div id=\"map\"><\/div>\n<script>\nconst apiKey = \"[CHAVE DE API]\";\nconst maplink = new MaplinkMap(apiKey, \"map\");\n<\/script><\/pre>\n\n\n\n
A third settings argument can optionally be passed when building the map. This argument must be an object, where each property corresponds to a configuration definition.  <\/p>\n\n\n\n
The options available are:<\/p>\n\n\n\n