Добавить стиль css для изображения, используемого в Javascript

У меня есть изображение, которое я использовал в моем js-файле (оно используется для значка геолокации), и я хотел бы добавить стиль CSS для него, потому что изображение слишком велико на экране ,Добавить стиль css для изображения, используемого в Javascript

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     html, body { 
      height: 100%; 
      margin: 0; 
      padding: 0; 
      overflow: hidden; 
     } 

     #map { 
      height: 100%; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="map"></div> 
    <script> 
     var locationIcon = 'img/SVG/User_Location.svg'; 

     // Try HTML5 geolocation. 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(function(position) { 
      var pos = { 
      lat: position.coords.latitude, 
      lng: position.coords.longitude 
      }; 

      //Centers map to current position 
      map.setCenter(pos); 

      //Sets icon to current position 
      var currentLocation = new google.maps.Marker({ 
      position: {lat: position.coords.latitude, lng: position.coords.longitude}, 
      map: map, 
      icon: locationIcon 
      }); 

     }, function() { 
      handleLocationError(true, infoWindow, map.getCenter()); 
     }); 
     } else { 
     // Browser doesn't support Geolocation 
     handleLocationError(false, infoWindow, map.getCenter()); 
     } 
    }  
    </script> 
    </body> 
</html>

Как бы это достичь? EDIT: я добавил код, чтобы показать, как изображение будет отображаться.

источник

2016-01-27 Kody R.

Пожалуйста, покажите нам код JS, который используется для отображения изображения – Drown

изображение слишком большое? чего вы пытаетесь достичь, как должен быть конечный результат? Я не думаю, что SVG может быть слишком большим, они масштабируемы. Почему вы хотите стиль с помощью javascript? почему бы не использовать только CSS? – Aziz

Вы можете использовать «масштаб» при создании маркера, чтобы установить размер. https://developers.google.com/maps/documentation/javascript/symbols – threxx

Я думаю, на что вы искали ответы на этот пост. How to display image with javascript? Вы хотите, чтобы ваше изображение за пределами вашего .js-файла. Вы можете добавить класс в функцию связанного решения, которое создаст этот класс с элементом. Оттуда вы можете выбрать класс по

.custom-class { 
    width: 100%; 
    height: 100%; 
    etc... 
}

источник

2016-01-27 19:10:26 pwborodich

Добавить стиль css для изображения, используемого в Javascript

ответ

Смежные вопросы