Как я могу создать ссылку на Google Maps в Javascript - PullRequest
1 голос
/ 27 мая 2019

Привет, ребята, я хочу сделать ссылку, и эта ссылка включает в себя широту и долготу в функции javascript, вы можете помочь мне в этом.

Мой код javascipt:

function jsFilter(item) {
                   document.getElementById("myDiv").innerHTML = "";
                    item.Agency.forEach(agency=> {
                        $("#myDiv").append(
                            "<div style='border-style:ridge;'>Agency Name : <strong>" + agency.name+ "</strong><br>" +
                            "Agency Adress : <strong>" + agency.ADRESS_TEXT + "</strong><br>" +                            
                            "Agency EMail: <strong>" + agency.EMAIL+ "</strong></div>",
                            "https://maps.google.com/maps?q=" + agency.lat+ ',' + agency.lon   // i wanna add here.
                        );
                    });
                }

1 Ответ

1 голос
/ 27 мая 2019

Поскольку большая часть вашего кода выглядит хорошо, я думаю, вам нужна была только правильная ссылка карты и как к ней применяются значения?

Тогда вот что вам нужно:

function jsFilter(item) {
                   document.getElementById("myDiv").innerHTML = "";
                    item.Agency.forEach(agency=> {
                        $("#myDiv").append(
                            "<div style='border-style:ridge;'>Agency Name : <strong>" + agency.name+ "</strong><br>" +
                            "Agency Adress : <strong>" + agency.ADRESS_TEXT + "</strong><br>" +                            
                            "Agency EMail: <strong>" + agency.EMAIL+ "</strong></div>" +
                            "<a href=\"https://maps.google.com/maps/@" + agency.lat + "," + agency.lon + "\">Google Maps Link</a>"
                        );
                    });
                }

// РЕДАКТИРОВАТЬ Добавлена ​​ссылка как ссылка HTML.

Редактировать 2

Что касается обсуждения в комментариях, вам нужен синтаксис для HTML-ссылки. Решение:

// replace this line:
"https://maps.google.com/maps?q=" + agency.lat+ ',' + agency.lon"
// with:
"<a href=\"https://maps.google.com/maps?q=" + agency.lat+ "," + agency.lon+ "\">google link</div>"

Это даст вам рабочую ссылку на Google Карты.

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