Как исправить Google Maps Platform отклонил ваш запрос. Неверный запрос. Неожиданный параметр 'amp% 3Bkey'

Question

угловая ошибка

Платформа Google Maps отклонила ваш запрос. Неверный запрос. Неожиданный параметр 'amp% 3Bkey'.

в консоли

GET https://www.google.com/maps/embed/v1/place?q=19.499201,77.656332&key=APIKEY 400

HTML код

<iframe width="100%" height="150" frameborder="0" style="border:0" [src]="location(details)"></iframe>  

код TS

location(details:any){
    let location = `https://www.google.com/maps/embed/v1/place?q=${details.longitude},${details.latitude}&amp;key=<apiKey>`;
    return this.sanitizer.bypassSecurityTrustResourceUrl(location);
}

У меня проблема с

bypassSecurityTrustResourceUrl функция, которая преобразует строку ',' запятая до "% 3B"

.

Answer 1

В приведенном выше примере я использовал адрес источника iframe с помощью средства очистки ResourceUrl, что приводит к преобразованию строки ',' в '% 3B'.Который не работает в конце.Поэтому я использовал альтернативный способ очистки HTML из файла ts, как показано ниже.

HTML

<div class="map-box" [innerHtml]="Location(Details) | safe: 'html'">

TS

Location(details:any){
        let locationIframe = `<iframe width="100%" height="150" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=${details.longitude},${details.latitude}&amp;key=${this.gmapApiKey}" > </iframe>`;
        return locationIframe;
    }

PIPE -> safe: 'html'

return this.sanitizer.bypassSecurityTrustHtml(value);