Typescript Ошибка Не удается найти имя "google" в ionic2 при использовании API javascript googlemaps

Я следую за Джошуа Морони. Начало работы с Google Maps в видеоролике Ionic 2. Я хочу использовать карты Google в своем приложении, и я получаю ошибку typescript. это часть страницы /home/home.ts

initMap(){
let latLng= new google.maps.LatLng(6.929848, 79.857407);

let mapOpt={
  center : latLng,
  zoom : 15,
  mapTypeId :google.maps.MapTypeId.ROADMAP
};

this.map= new google.maps.Map(this.mapElement.nativeElement,mapOpt);}

Я попробовал npm install --save @types/googlemaps,

но он по-прежнему дает мне ту же ошибку typescript Typescript Ошибка Не удается найти имя "google"

Ответы

Ответ 1

Я решил это, установив:

$npm install @types/googlemaps --save-dev

Ответ 2

Чтобы расширить ответ от @suraj, вы должны иметь:

declare var google;

вне класса, в котором вы пытаетесь его использовать.

Как и в видео Josh Morony, я помещаю его под импортом, но перед объявлением класса и аннотациями (@Injectable() и т.д.). Я полагаю, что это все равно будет работать, если вы поместите его выше импорта или под конец класса (и все еще вне класса), если вы так склонны по какой-либо причине.

Ответ 3

npm install --save-dev @types/googlemaps

import {} from '@types/googlemaps';

из этого ответа

Или же

в вашем файле component.ts вашей страницы объявите это так

declare var google; перед export class component {}

Простой способ Angular 6+, доступный в машинописи:

Вам нужно только добавить эту строку в начале (имеется в виду строка 1, перед которой ничего не будет) вашего файла Typescript:

///<reference types="@types/googlemaps"/>

И тогда

import {RemainingItems} from 'whicheverfolderyouwant';

Обновлено с

Ответ 4

Вам необходимо установить типы:

npm install --save-dev @types/googlemaps

И в вашем файле машинописного текста, где вы используете пространство имен "google":

[Угловая 6+] Добавьте эту строку в начале:

/// <reference types="@types/googlemaps" />

[Угловая 5-] Добавьте эту строку:

import {} from '@types/googlemaps';

из этого ответа

Ответ 5

Не нужно ничего делать. Просто зайдите в index.d.ts и вставьте это перед объявлением пространства имен google.maps

declare module 'googlemaps';