This is an easy & FREE to integrate Nearby COVID Places Search (such as Vaccine Centres, Hospitals, Testing Centres, Isolation Centres etc) Widget by MapmyIndia.
Every person can benefit from being able to easily find nearby COVID vaccination centres, hospitals, testing centres etc - see them on a map, get directions, and get more information about them.
We at Mappls are continuously updating the database of COVID-related places, such as vaccine centres, treatment centres/hospitals, containment zones, testing centres, isolation centres etc. This is the most comprehensive pan India covid related map database, and we've released it for free through our Mappls Move app (mapmyindia.com/move) and Mappls Maps portal (maps.mapmyindia.com) and Mappls Corona guide (maps.mapmyindia.com/corona).
We're helping ANY website or app developer to easily integrate this information, as a FREE widget, for the benefit of your users and visitors.
The widget can be used to search for vaccination centres, testing centres, sample collection centres, treatment centres, quarantine centres and micro containment zones across India.
Inside the section of HTML of web page, define a div into which the nearby COVID places widget from Mappls needs to be loaded.
<div id=“nearby-covid-places-mapmyindia”></div>
Inside the section of HTML of web page, or wherever else you find more suitable, include the following Mappls javascript code.
<script src=“https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js”></script>
To load up the nearby COVID places widget from MapmyIndia, call the following javascript code AFTER the Mappls javascript file (as defined in step 2) has loaded.
loadNearbyCovidCentresMapmyIndiaDiv(document.getElementbyId(“nearby-covid-places-mapmyindia”));
That’s it - all done!
On reloading your web page after integrating the code -
loadNearbyCovidCentresMapmyIndiaDiv() Method
<html>
<head>
<!-- Include the following Mappls javascript code into your webpage -->
<script src="https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js"></script>
</head>
<body>
<!-- define the div into which the nearby COVID places widget from Mappls needs to be loaded -->
<div id="nearby-covid-places-mapmyindia"></div>
<!-- call the following code AFTER the Mappls javascript file has loaded -->
<script type="text/javascript">
loadNearbyCovidCentresMapmyIndiaDiv(document.getElementById("nearby-covid-places-mapmyindia"));
</script>
</body>
</html>
(change NOT recommended)
https://maps.mapmyindia.com/covid-places/css/custom.css
To be passed as
loadNearbyCovidCentresMapmyIndiaDiv(document.getElementById("nearby-covid-places-mapmyindia"),{css:"https://maps.mapmyindia.com/covid-places/css/custom.css"});
The Nearby COVID Places Widget already has the capabilities to search for not only nearby vaccination centres, but other important COVID places as well. To search for other categories of COVID places, a simple additional parameter in the script URL of the widget enables you to specify which category you want the widget to search for.
<script src="https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js?category=HSPTMT"></script>
<html>
<head>
<!-- Include the following Mappls javascript code into your webpage -->
<script src="https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js?category=HSPTMT"></script>
</head>
<body><!-- define the div into which the nearby COVID places widget from Mappls needs to be loaded -->
<div id="nearby-covid-places-mapmyindia"></div><!-- call the following code AFTER the Mappls javascript file has loaded -->
<script type="text/javascript">
loadNearbyCovidCentresMapmyIndiaDiv(document.getElementById("nearby-covid-places-mapmyindia"));
</script>
</body>
</html>
Read the following Wiki article to see more sample of how to search for other types of COVID places using the Nearby Search Widget.
The most important thing to remember while embedding this widget in an iFrame is that, an iFrame by default, does NOT allow for geolocation access. This means that the widget won't get the current location of the user of the web page to allow searching for COVID places near his location.
To overcome this, please ALWAYS add attribute of allowing geolocation in the iFrame tag as follows:
<iframe width="100%" height="100%" src="https://maps.mapmyindia.com/covid-places/embed?category=HSPVCC" allow="geolocation" > </iframe<
The same URL can also be used for Native WebView implmentation of the Nearby COVID Places Widget.
| Category Code | Description |
|---|---|
| HSPVCC | Corona Vaccination Centres |
| HSPTST | Corona Testing Centres |
| HSPTMT | Corona Treatment Centres |
| HSPCOV | Corona Quarantine Centre |
| HSPSCC | Corona Sample Collection Centre |
| CNTZON | Corona Micro Containment Zones |
In the current scenario, where social distancing is paramount, technology is playing a key role in maintaining daily communication and information transfer. Mappls is serving individuals, companies and the government alike, to spread critical information related to COVID-19 through deeply informative, useful and free-to-integrate geo-visualized COVID-19 dashboards, map search guides, and reporting tools, powered by Move.
Simply plug these easy-to-integrate and rich dashboards into your applications or websites, and offer a seamless information experience to your users. Join Mappls' small contribution towards making a safe and informed India, and help alleviate everyone out of this unprecedented crisis.
All our dashboard URLs now accept values to be passed in two parameters - Lat/Long and Zoom Level.
Now, pass these two parameters in your calls to open custom views of the dashboards at a predefined location (lat/long) and zoom level of your choice.
The new filter controls allow each Covid-19 layer available on Mappls dashboard to be filtered to a more granular level till state/UT or district levels.
Find out how far you are from the nearest containment zone.
This plug-in allows one to render corona layers, being offered to customers as JS based plugin to overlay on top of Mappls Raster Maps for Web.
The plugin is an integral part of our Maps SDK for Web and the base maps will always be Mappls' if this plugin is used.
Mappls Safety Plugin will alert when a user is in or near to a containment zone. If an app, with Mappls Safety plugin integrated, is running on a phone, Mappls Safety plugin will push a local notification when the user goes in or near to the containment zone, which can be seen from the notification panel.
Mappls Safety Alert as a JS plugin for use with our Web SDK.
If you wish to use some other map APIs or want a customized solution, please check out
