bongzilla

Untitled

Mar 9th, 2021
104
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script>
  2. // (function(){
  3. // ymaps.ready(function(){ return false })
  4. // })();
  5. //
  6. $("body").append($("<script src='https://api-maps.yandex.ru/2.1/?apikey=79f805ba-580b-439f-9732-29bf1074af7d&lang=ru_RU'></script>"));
  7.  
  8. let yMapsIsShown = false;
  9. let myMap;
  10.  
  11. $(window).scroll(function() {
  12. if(!yMapsIsShown) {
  13. if ($(window).height() + $(window).scrollTop() > $(".b-map").offset().top) {
  14.  
  15. yMapsIsShown = true;
  16. ymaps.ready(init);
  17.  
  18. function init(){
  19. console.log("map init")
  20. myMap = new ymaps.Map ("map", {
  21. center: [55.76, 37.64],
  22. zoom: 7
  23. });
  24.  
  25. // Создаём макет содержимого.
  26. MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
  27. '<div style="color: #FFFFFF; font-weight: bold;">$[properties.iconContent]</div>'
  28. ),
  29.  
  30. myPlacemark = new ymaps.Placemark([55.661574, 37.573856], {
  31. hintContent: 'Собственный значок метки 1',
  32. balloonContent: 'baloon text 1'
  33. }, {
  34. // Опции.
  35. // Необходимо указать данный тип макета.
  36. iconLayout: 'default#image',
  37. // Своё изображение иконки метки.
  38. // iconImageHref: 'images/myIcon.gif',
  39. // Размеры метки.
  40. // iconImageSize: [30, 42],
  41. // Смещение левого верхнего угла иконки относительно
  42. // её "ножки" (точки привязки).
  43. iconImageOffset: [-5, -38]
  44. }),
  45.  
  46. myPlacemarkWithContent = new ymaps.Placemark([55.661574, 37.573856], {
  47. hintContent: 'Собственный значок метки 2',
  48. balloonContent: 'baloon text 2',
  49. }, {
  50. // Опции.
  51. // Необходимо указать данный тип макета.
  52. iconLayout: 'default#imageWithContent',
  53. // Своё изображение иконки метки.
  54. // iconImageHref: 'images/ball.png',
  55. // Размеры метки.
  56. // iconImageSize: [48, 48],
  57. // Смещение левого верхнего угла иконки относительно
  58. // её "ножки" (точки привязки).
  59. iconImageOffset: [-24, -24],
  60. // Смещение слоя с содержимым относительно слоя с картинкой.
  61. iconContentOffset: [15, 15],
  62. // Макет содержимого.
  63. iconContentLayout: MyIconContentLayout
  64. });
  65.  
  66. myMap.geoObjects
  67. .add(myPlacemark)
  68. .add(myPlacemarkWithContent);
  69. }
  70.  
  71.  
  72. }
  73. }
  74. });
  75. </script>
RAW Paste Data