Слой листов TomTom не включен в карту-буклет

В настоящее время я работаю над приложением (картой), в котором я хотел бы использовать слои плитки Тома Тома поверх Leaflet. Из-за документации Leaflet я бы предпочел Leaflet, а не Tom Tom. Мне удалось настроить карту, используя подход Тома Тома, но мне не удалось добавить слой листов с помощью библиотеки листовок.

Я не понимаю, что делаю не так. Может ли кто-нибудь помочь?

Согласно руководству по буклету код должен работать следующим образом: https://leafletjs.com/examples/quick-start/

URL-адрес API тайловой карты Тома Тома можно сгенерировать из:

`

// Creating a map instance with its center set to London with a zoom of 13
var mymap = L.map('map').setView([51.505, -0.09], 13);

// Accessing the tile layer from the TOMTOM site
L.tileLayer('https://api.tomtom.com/map/1/tile/basic/main/1/0/0.pbf?key=MY_API_KEY', {
  attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',

  //id: 'mapbox.streets',
  //accessToken: 'your.mapbox.access.token'
}).addTo(mymap);
<!DOCTYPE html>
<html>

<head>
  <!-- Bootstrap css and scripts -->
  <link rel="stylesheet" href="./00_Local_Bootstrap\css\bootstrap.css">
  <script src="./00_Local_Bootstrap\js\bootstrap.js"></script>
  <script src="./00_Local_Bootstrap\jquery_3_4_1\jquery_3_4_1.js"></script>

  <!-- Leaflet css and scripts -->
  <link rel="stylesheet" type="text/css" href="./Leaflet\leaflet.css" />
  <script src="./Leaflet\leaflet.js"></script>

  <style media="screen">
    #map {
      width: 50vw;
      height: 50vh;
    }
  </style>

</head>

<body>


  <!-- Map Import-->

  <div class="container">
    <p>Here is the map</p>
    <div id='map'></div>

    <!-- Mymap script -->
    <script src="./welcome_page_leaflet.js"></script>

  </div>

</body>

</html>

`В листовке документации используется Mapbox, поэтому они ссылаются на соответствующий токен доступа и идентификатор. Вот почему я это прокомментировал.

Карта не загружает плитки, и я получаю только пустой экран там, где должна быть карта. Что мне не хватает?


leaflet tomtom
person Malcommand    schedule 09.09.2019    source источник
comment
Вы должны прочитать документацию Тома Тома, чтобы узнать, как загрузить их карты в качестве базового слоя в Leaflet.   -  person peeebeee    schedule 09.09.2019
comment
Документация, на которую вы ссылаетесь, следующая: developer.tomtom.com/maps-api/maps-api- documentation-vector / Я использовал это руководство, чтобы попытаться загрузить карту, но безуспешно. У меня есть два разных ключа API. Один для всех их продуктов, а другой я сделал специально для карт api. Ни один из них не работал. Какие-либо предложения?   -  person Malcommand    schedule 09.09.2019

Ответы (1)


arrow_upward
1
arrow_downward

Похоже, вы пытаетесь отобразить векторные фрагменты (с расширением PBF) через слой листов листовки, который предназначен для растровых фрагментов.

Том Том также предоставляет растровые плитки: https://developer.tomtom.com/maps-api/maps-api-documentation-raster/raster-tile

person ghybs    schedule 09.09.2019
comment
Спасибо за ответ. Мне удалось получить представление плитки после использования правильного растрового API. Спасибо еще раз - person Malcommand; 10.09.2019