How to insert a map (and which one) on your site with only street names and house numbers?

A

Aleks632018-08-10 11:37:08

API

Aleks63, 2018-08-10 11:37:08

The essence of the problem. We make a map of the city with organizations, shops on our website. But all maps (Yandex, Google, OSM) have their own layer with icons and labels, which we don't need. You need a map with only street names and house numbers, i.e. so that the badges and inscriptions were only ours. Of course with interactive mode. Please tell me how to solve this.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

I

ixon, 2018-08-10
@ixon

Google Maps definitely has the ability to remove interface elements, except for the Google logo, of course. When initializing the map, you need to set the disableDefaultUI: true
property You can see how it works in practice here:
https://developers.google.com/maps/documentation/j...

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Disabling the Default UI</title>
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: {lat: -33, lng: 151},
          disableDefaultUI: true
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>
  </body>
</html>