Как добавить кастомные маркеры к карте OSM?

147
15 марта 2019, 16:40

В картах OSM я новичок, саму карту получилось сгенерировать на javascript, но нужно добавить маркеры к населенным пунктам на карту, читала, что это можно реализовать с помощью OpenLayers, но у меня пока ничего не получилось. Выкладываю код ниже:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript">  
function initialize() {
// Задаем свойства карты и инициализируем ее
    var options = {
      scrollwheel: false,
      scaleControl: true,
      mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
    }
    var map = new google.maps.Map(document.getElementById("map"), options);
    map.setCenter(new google.maps.LatLng(55.815792, 37.380031));
    map.setZoom(12);
    // Задаем слой с OSM
    var openStreet = new google.maps.ImageMapType({
      getTileUrl: function(ll, z) {
        var X = ll.x % (1 << z);  // wrap
        return "http://tile.openstreetmap.org/" + z + "/" + X + "/" + ll.y + ".png";
      },
      tileSize: new google.maps.Size(256, 256),
      isPng: true,
      maxZoom: 18,
      name: "OSM",
      alt: "Слой с Open Streetmap"
    }); 
    //Добавляем слои к карте
    map.mapTypes.set('osm', openStreet);
    map.setMapTypeId('osm');
    map.setOptions({
      mapTypeControlOptions: {
        mapTypeIds: [
          'osm',
          google.maps.MapTypeId.ROADMAP,
          google.maps.MapTypeId.TERRAIN,
          google.maps.MapTypeId.SATELLITE,
          google.maps.MapTypeId.HYBRID
        ],
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
      }
    });
  }
</script>
<div id="map" style="width:100%;height:600px;"></div>   
READ ALSO
Отображение всех данных через class

Отображение всех данных через class

Объявленные в js сотрудники должны появляться в HTML все один за одним, а отображается только последний

166
event.preventDefault() не работает в Firefox

event.preventDefault() не работает в Firefox

С помощью стрелок на клавиатуре нужно перемещать фокус по ряду селектовЧтобы избежать смены options при перемещении по селектам применяется...

146
Невыполненые обещания JS

Невыполненые обещания JS

Если постоянно не выполнять обещания в js, ни reject, ни resolve, то будут ли утечки памяти?

154
поиск на страничке

поиск на страничке

Народ, подскажите новичкуЕсть URL странички в интернете, там есть параграф , который я хотел бы читать с помощью JS и отображать у себя на страничке...

115