zPositive Ответов: 0

Как добавить этот CSS к моему маркеру в javascript

Я не знаю, как добавить имя класса в часть .js.

Я хочу добавить этот css к своему маркеру.

.marker {
    margin-top: 20px;
		margin-left: 30px;
		position: relative;
	}

	.pulse {
		width: 10px;
		height: 10px;
		border: 5px solid #ffb3b3;

		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		background-color: #ff4d4d;
		z-index: 10;
		position: absolute;
	}

	.dot {
    position: absolute;
    height: 50px;
		width: 50px;
		top: -25px;
		left: -25px;
		z-index: 2;
		opacity: 0;
		border: 10px solid #ffe6e6;;
		background: transparent;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
		-webkit-animation: flash 2s ease-out;
		-moz-animation: flash 2s ease-out;
		animation: flash 2s ease-out;
    -webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}

  @-moz-keyframes pulse {
	 0% {-moz-transform: scale(0);opacity: 0.0;}
	 25% {-moz-transform: scale(0);opacity: 0.1;}
	 50% {-moz-transform: scale(0.1);opacity: 0.3;}
	 75% {-moz-transform: scale(0.5);opacity: 0.5;}
	 100% {-moz-transform: scale(1);opacity: 0.0;}
  }

  @-webkit-keyframes "flash" {
	 0% {-webkit-transform: scale(0);opacity: 0.0;}
	 25% {-webkit-transform: scale(0);opacity: 0.1;}
	 50% {-webkit-transform: scale(0.1);opacity: 0.3;}
	 75% {-webkit-transform: scale(0.5);opacity: 0.5;}
	 100% {-webkit-transform: scale(1);opacity: 0.0;}
	}


Что я уже пробовал:

function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == 'OK') {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
          //animation: google.maps.Animation.BOUNCE,

            map: map,
            icon: {
          path: google.maps.SymbolPath.CIRCLE,
          scale: 8.5,
          fillColor: "#ff0000",
          fillOpacity: 0.6,
          strokeWeight: 0.4,

      },
            position: results[0].geometry.location
        });
      } else {
        alert('Geocode was not successful for the following reason: ' + status);
      }
    });
  }

F-ES Sitecore

Есть ли причина, по которой вы не можете просто добавить css на родительскую страницу обычным способом, используя тег стиля или тег ссылки на файл css? Если вам нужно сделать это из js, то самый простой способ, вероятно, состоит в том, чтобы создать тег ссылки, который ссылается на нужный css в файле, и добавить этот тег ссылки в заголовок страницы. Если вы загуглите "javascript create link tag" или "javascript add link tag to head", я уверен, что вы найдете примеры.

zPositive

не могли бы вы объяснить подробнее, что я действительно не понимаю, что вы говорите "javascript create link tag" или "javascript add link tag to head" Спасибо в advanced. @Ф-Эс компания

F-ES Sitecore

Вы ссылаетесь на css-файл с помощью тега <link>, Поэтому, если ваших желаемых стилей css нет на странице, вы можете добавить тег ссылки на страницу (в разделе "head") программно через js, и это заставит браузер загрузить ваш css и применить его к странице.

ZurdoDev

Что именно ты хочешь сделать?

0 Ответов