Я не хочу, чтобы Google SDK, у меня есть следующий код ..., но его ошибка отображения, когда я использую тег, работающий отлично, но я использую angularjs его показ ошибка, нормальная страница с скриптом в странице его работы fine..how определить initMap метод угловогоКак использовать карту google в angularjs со сценарием ключа Без SDK Google
ReferenceError: google is not defined
export default class locationComponent {
/*@ngInject*/
constructor($http, $scope, $q, socket, $document) {
this.$http = $http;
this.$scope = $scope;
this.$q = $q;
this.socket = socket;
this.$document = $document;
this.initMap();
}
initMap() {
var myLatLng = new google.maps.LatLng(parseFloat(-25.363),parseFloat(131.044)); //{lat: inputlng, lng: inputlat};
\t \t console.log('latutye');
\t \t
var map = new google.maps.Map(document.getElementById('mapsss'), {
zoom: 15,
center: myLatLng,
\t \t mapTypeIds: ['roadmap', 'terrain']
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
}
}
<div class="inner-wrapper">
\t <section role="main" class="content-body">
\t \t <header class="page-header">
\t \t \t <h2> Current Location</h2>
\t \t \t <div class="right-wrapper pull-right">
\t \t \t \t <ol class="breadcrumbs">
\t \t \t \t \t <li>
\t \t \t \t \t \t <a href="/dashboard">
\t \t \t \t \t \t \t <i class="fa fa-home"></i>
\t \t \t \t \t \t </a>
\t \t \t \t \t </li>
\t \t \t \t \t <li><span></span></li>
\t \t \t \t \t <li><span>Location</span></li>
\t \t \t \t </ol>
\t \t \t \t <a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
\t \t \t </div>
\t \t </header>
\t \t <div class="modal-backdrop fade in" id="loading_div" style="display:none;">
\t \t \t <div class="loader"></div>
\t \t </div>
\t \t <div class="row">
\t \t \t <div class="col-lg-12"> \t \t \t \t
\t \t \t \t \t <section class="panel"> \t \t \t \t \t \t
\t \t \t \t \t \t <header class="panel-heading">
\t \t \t \t \t \t \t <div class="panel-actions">
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t <h2 class="panel-title"> Current Location </h2>
\t \t \t \t \t \t </header>
\t \t \t \t \t \t <div class="panel-body">
\t \t \t \t \t \t \t <div class="form-group">
\t \t \t \t \t \t \t \t <div style="height: 500px;" id="mapsss" class="panel-body">
</div>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t </div>
\t \t \t \t \t </section>
\t \t \t \t
\t \t \t \t
\t \t \t \t
\t \t \t </div>
\t \t </div>
\t </section>
</div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR KEY&callback=initMap">
</script>
\t
Удалить callback = initMap. ваша ошибка говорит о том, что ваш код выполняется до того, как загружен скрипт библиотеки карт –