Как мне показать Карты Google в VSCode? - PullRequest
0 голосов
/ 02 мая 2020

Это мой первый вопрос, поэтому, пожалуйста, спросите меня, не ясен ли мой вопрос. Я не настолько хорош, как программист, и этот проект - совершенно новый опыт, поэтому я немного учусь, как я go. Я даже начинаю сожалеть, что выбрал эту топи c, когда мог бы попробовать что-то еще в рамках своих возможностей, но сейчас это немного поздно. Я делаю веб-страницу проекта, создания и администрирования для система слежения за автобусом. Я следовал этому руководству: https://codinginfinite.com/creating-admin-panel-asp-net-core-mvc-tutorial/ при создании админ-панели в asp .netcore mvc. Я импортировал их проект и работал с ним, чтобы соответствовать тому, что я буду делать. Мне это удалось. Но теперь я хотел бы добавить ссылку на панель навигации, показывающую карты Google, а также добавить маркеры. Я прошел через так много запросов, но ничто не помогает мне. Пока все остальное работает, кроме этой части Google Maps. Я сгенерировал API и добавил его, но он все еще не отображается. Я не знаю, мешает ли этому учебный проект, который я использую наедине с его импортом. Я попытался запустить код Google Maps отдельно в Visual Code. Карта показалась на секунду, а затем исчезла с сообщением об ошибке. Это мой фрагмент Google Maps.

@{
    ViewBag.Title = "God Scope";
}
<style>
    #map {
        height: 500px;
    }
</style>

<br />
<div id="map"></div>

<script>
    var map;
    function initMap(zoomeLevel,latDb,longDb) {
        map = new google.maps.Map(document.getElementById('map'), {
            center: { lat: latDb!=null?latDb:23.778074, lng:longDb!=null?longDb:90.397514 },
            zoom: zoomeLevel!=null?zoomeLevel:6
        });

    }

</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBSUTeR17xpUB4jcLGDXKblYKcOEzGLerg&ampcallback=initMap" async defer></script>
  
Сообщение об ошибке при нажатии на ссылку меню навигации для просмотра карты
...