Mappls Nearby Widget¶

Introduction¶

A simple widget to search for nearby places powered by the best online maps from Mappls. The Nearby Search Widget provided as a means to enable radial searching for Nearby Places on Mappls Maps.

This widget enables you to add discovery and search for the nearby places using unique category codes and generic keywords.

Mappls' data moderators regularly update and add new places according to the changes in the real world.
Supports the additional hyperlocal place categories as per the need of real world changes e.g. hyperlocal information on COVID like Covid centres, vaccination centres, etc.
The form factor of this widget helps any website or app developer to easily integrate this information, as a widget, for the benefit of their users and visitors.

To use the Mappls Nearby Widget, you need to specify the following URL format:

<iframe
        src="https://embed.mappls.com/nearby/mmi000?token=<TOKEN>&traffic=false&keyword=Hospitals&fullscreen=true&pitch=30"
        style="width: 100%; height: 80vh;" title="embed Example" allowfullscreen="">
    </iframe>

Configurable Parameters¶

<MAPPLS_PIN> (Required): Replace this with the unique identifier of the Mappls Pin you want to display details for.
token (Optional): An optional user token for access control.
fullscreen (Optional): A boolean value (true/false) to enable or disable fullscreen mode. (Default: true)
keyword (Optional): Semi-colon seperated list of category codes or keywords. e.g. FODCOF, Shoes, Coffee, Versace, Gucci, H&M, Adidas, Starbucks, B130 {POI, House Number, keyword, tag}
pitch (Optional): Sets the initial tilt level for the map. (Default: 0)
traffic(Optional): A boolean value that configured the widget to displays traffic overlays on the map or not.(Default: false)

Demo Link¶

https://embed.mappls.com/nearbyDemo.html

To learn more on how to create your authorization tokens, please use our authorization token URL. More details available here.

Sample code¶

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mappls NearBy Widget</title>
</head>

<body>
    <iframe
        src="https://embed.mappls.com/nearby/mmi000?token=<TOKEN>&traffic=false&keyword=Hospitals&fullscreen=true&pitch=30"
        style="width: 100%; height: 80vh;" title="embed Example" allowfullscreen="">
    </iframe>
</body>

</html>