как вставить URL-адрес карты Google на сайт с помощью HTML

Мое предложение состоит в том, чтобы добавить идентификатор атрибута к каждому вопросу divison со значением идентификатора вопроса, как показано ниже

<? foreach ($questions as $i=>$question) { ?>
        <div class='question' id="<? $question->id ?>">
          // Your remaining code here
        </div>
<? } ?>

. После отправки формы в обратном вызове ajax-вызова удалите div вопроса с помощью идентификаторы, которые отсутствуют в ответе, как показано ниже

function retakeQuiz(incorrect) {
    // I am assuming incorrect as [id, id, id] for example
    $('.question').each(function (index, question) {
       if (!incorrect.includes($(question).attr('id'))) {
           $(question).remove();
       }
    });
}
1
задан Anil Rana 19 January 2019 в 07:03
поделиться

3 ответа

Если вы проверите консоль, вы обнаружите следующую ошибку:

Refused to display 'https://www.google.com/maps/dir/?api=1&origin=Space+Needle+Seattle+WA&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Здесь вы можете прочитать больше об этой ошибке

[1110 ] Теперь, чтобы исправить эту ошибку, немного измените iframe src следующим образом.

<iframe id="iframeid"
        width="450"
        height="250"
        style="border:0"
        src="https://www.google.com/maps/embed?api=1&origin=Space+Needle+Seattle+WA&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling"
></iframe>

То, что мы сделали, мы изменили dir/ на embed

0
ответ дан Ussaid Iqbal 19 January 2019 в 07:03
поделиться

Вот еще один способ реализации:

<iframe width="100%" height="600" src="https://maps.google.com/maps?width=100%&amp;height=600&amp;hl=en&amp;coord=52.70967533219885, -8.020019531250002&amp;q=1%20Grafton%20Street%2C%20Dublin%2C%20Ireland&amp;ie=UTF8&amp;t=&amp;z=14&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><br />

Вы должны изменить следующее:

  1. ширина = (ширина фрейма)
  2. высота = (высота фрейма)
  3. координировать = (кординаты адреса)
  4. q = (адрес) [116 ]
  5. z = (уровень масштабирования)

Надеюсь, это поможет

0
ответ дан Syfer 19 January 2019 в 07:03
поделиться

Во-первых, посмотрите , как спросить

Исходя из этого, я бы начал в руководстве разработчика googles , вам нужно запросить ключ API. Затем попробуйте вставить этот код с помощью ключа API, вставленного в ваш html-код

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
  &q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>

, после чего, возможно, вы сможете немного углубиться в детали того, что означает «это не работает». Вы получаете какой-либо вывод в консоли, он выключил компьютер? любая дополнительная деталь поможет нам помочь вам!

0
ответ дан Corey Gibson 19 January 2019 в 07:03
поделиться
Другие вопросы по тегам:

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