Как разбить текст и отобразить на следующей строке? Ионный [дубликат]

Question

Как разбить текст и отобразить на следующей строке? Ионный [дубликат]

Свойство «store_id» маркера не дает вам доступ к элементу DOM, который содержит изображение. Если у вас есть уникальный значок для каждого маркера, вы можете его захватить, используя свой URL с JQuery, а затем применить к нему CSS-преобразование:

$('img[src="http://www.geocodezip.com/mapIcons/boat-10-64.gif"]').css({
  'transform': 'rotate(45deg)'
});

Примечание: это будет работать только для маркеров с optimized: false

фрагмент кода:

function initialize() {
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(37.47949, -122.083168),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  var image = {
    url: 'http://www.geocodezip.com/mapIcons/boat-10-64.gif',
    size: new google.maps.Size(75, 75),
    origin: new google.maps.Point(0, 0),
    anchor: new google.maps.Point(0, 32),
    scaledSize: new google.maps.Size(50, 50)
  };
  var marker = new google.maps.Marker({
    position: map.getCenter(),
    map: map,
    icon: image,
    store_id: "mkrID",
    optimized: false
  });
  var rotationAngle = 10;
  google.maps.event.addListenerOnce(map, 'idle', function() {
    setInterval(function() {
      $('img[src="http://www.geocodezip.com/mapIcons/boat-10-64.gif"]').css({
        'transform': 'rotate(' + rotationAngle + 'deg)'
      });
      rotationAngle += 10;
    }, 1000);
  });
}
google.maps.event.addDomListener(window, "load", initialize);

html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

3

javascript css angularjs ionic-framework

задан Alex K 22 March 2016 в 17:51

2 ответа

Другие вопросы по тегам:

javascript css angularjs ionic-framework

Похожие вопросы:

score 3 · Answer 1

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

singledoubletriple&shy;quadruplequintupleburger

останется

singledoubletriplequadruplequintupleburger

на экране, когда он вписывается в одну строку, но станет

singledoubletriple-
quadruplequintupleburger

, если линия короче

score 6 · Answer 2

Вы можете использовать css word-wrap: break-word;

.wrap {
  width: 50px;
  word-wrap: break-word;
  border: 1px solid red
}

<div class="wrap">This is a mormal div wrapping and breaking words</div>