Skip to content

map_properties

Jump to bottom
mamtasharma117 edited this page Jul 29, 2021 · 3 revisions

Map Properties

Please refer to the map properties implemented and available from version 1.5

Implementation

Script URL

<script src="https://apis.mapmyindia.com/advancedmaps/v1/<your-map-key>/map_load?v=1.5"></script>

Method

var map= new MapmyIndia.Map

Mandatory Parameters

  1. mapDiv: The div where map is rendered.

Optional Parameters

  1. Center: centerpoints; defines the center of the map
  2. zoomControl: true; to show or hide the zoom controls
  3. coronaLink: false; to show or hide the corona layers link
  4. token_callback: function(d){console.log(d);} callback for token expiry
  5. search: false, to show or hide the search bar
  6. Traffic: true, to show or hide the traffic layer
  7. zoom:17; to set the zoom level of the map
  8. fullscreen: true, to allow full screen map
  9. scrollwheel: true to allow the scrollwheel for map zooming
  10. hybrid: true; to show or hide the hybrid layer
  11. location: true; Scopes the Map to the viewer’s current location
  12. Optional Other setting for location
    location:{
          callback: Method, _callback method to get every location change_
          marker: false, _Hide current location marker, default true_
          setView: false, _set Map view to current location,  default true_
          watch: true _continuous getting location if location button is active, it will inactive once map manually drag or click on active location 
                  button again , default is false_
    }

Sample code Snippet

<!DOCTYPE html>
<html>
<head>
    <title>MapmyIndia Maps: Hello World!</title>
    <script type="text/javascript">
    </script>
    
   <script src="https://apis.mapmyindia.com/advancedmaps/api/<token>/map_load?v=1.5&callback=init" async defer></script>
   <style>
   #map  {margin: 0;padding: 0;width: 100%;height: 100%;}
   </style>
   <script language="javascript">
      function init() {
        var centre = new L.LatLng(28.61, 77.23);
        map=new MapmyIndia.Map('map',{center:centre,search:false,token_callback:tokenExpire });
        var marker=L.marker(centre).addTo(map);/**--add marker at the centre of map--**/
        marker.bindPopup('Hello World');
      }
      function tokenExpire(r)
      {
        	window.location.reload();
	        /*map.setToken(<token>); // to set new token */
      }
   </script>
</head>
<body>
   <div id="map"></div>
</body>                                                                                                                          
</html>

That's All Folks !

Map Properties

Clone this wiki locally