Значок «Перемещение автобуса» на карте Google с использованием JavaScript - PullRequest
Новая
       1

Значок «Перемещение автобуса» на карте Google с использованием JavaScript

0 голосов
/ 26 июня 2019

Я использую Javascript Google Map. Я хочу добавить значок движущегося автобуса, поскольку маркер карты будет перезагружать новое местоположение каждые 5 секунд. Все работает отлично. Я просто хочу добавить значок, который будет выглядеть как настоящий автобус, который будет двигаться по дороге.

Я выполнил поиск и нашел следующий код: 

var car='M29.395,0H17.636c-3.117,0-5.643,3.467-5.643,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759   c3.116,0,5.644-2.527,5.644-5.644V6.584C35.037,3.467,32.511,0,29.395,0z M34.05,14.188v11.665l-2.729,0.351v-4.806L34.05,14.188z    M32.618,10.773c-1.016,3.9-2.219,8.51-2.219,8.51H16.631l-2.222-8.51C14.41,10.773,23.293,7.755,32.618,10.773z M15.741,21.713   v4.492l-2.73-0.349V14.502L15.741,21.713z M13.011,37.938V27.579l2.73,0.343v8.196L13.011,37.938z M14.568,40.882l2.218-3.336   h13.771l2.219,3.336H14.568z M31.321,35.805v-7.872l2.729-0.355v10.048L31.321,35.805';

Мой вопрос: как я могу сгенерировать такой же значок / код для школьного автобуса?

Заранее спасибо.

1 Ответ

1 голос
/ 26 июня 2019

Код, который вы указали, является SVG-путем.Вы можете создать свой собственный путь SVG, который рисует шину, а затем использовать этот код для создания шины. 

<!DOCTYPE html>
<html>
<body>

<svg height="210" width="400">
  <path d="M29.395,0H17.636c-3.117,0-5.643,3.467-5.643,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759   c3.116,0,5.644-2.527,5.644-5.644V6.584C35.037,3.467,32.511,0,29.395,0z M34.05,14.188v11.665l-2.729,0.351v-4.806L34.05,14.188z    M32.618,10.773c-1.016,3.9-2.219,8.51-2.219,8.51H16.631l-2.222-8.51C14.41,10.773,23.293,7.755,32.618,10.773z M15.741,21.713   v4.492l-2.73-0.349V14.502L15.741,21.713z M13.011,37.938V27.579l2.73,0.343v8.196L13.011,37.938z M14.568,40.882l2.218-3.336   h13.771l2.219,3.336H14.568z M31.321,35.805v-7.872l2.729-0.355v10.048L31.321,35.805" />
  Sorry, your browser does not support inline SVG.
</svg>

</body>
</html>

Запустите предоставленный код, чтобы увидеть нарисованный автомобиль в SVG.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...