Как получить карту Google для отображения в веб-приложении .NetCore? - PullRequest
Новая
       15

Как получить карту Google для отображения в веб-приложении .NetCore?

0 голосов
/ 24 мая 2019

Я следую инструкциям https://developers.google.com/maps/documentation/javascript/importing_data., когда я запускаю свое приложение, я вижу в своем инструменте разработки, что я получаю ответ 200 от сервера, но моя карта не отображается. У меня нет ошибок консоли.

Я получил свой ключ API от облака Google. Я использую JavaScript API Карт. Мой биллинг включен. Это чистое основное веб-приложение .Net.

index.html 

<div id="map"></div>
    <script>
        var map;
        function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
                zoom: 2,
                center: new google.maps.LatLng(2.8,-187.3),
                mapTypeId: 'terrain'
            });

            // Create a <script> tag and set the USGS URL as the source.
            var script = document.createElement('script');
            // This example uses a local copy of the GeoJSON stored at
            // http://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_week.geojsonp
            script.src = 'https://developers.google.com/maps/documentation/javascript/examples/json/earthquake_GeoJSONP.js';
            document.getElementsByTagName('head')[0].appendChild(script);
        }

// Loop through the results array and place a marker for each
// set of coordinates.
        window.eqfeed_callback = function(results) {
            for (var i = 0; i < results.features.length; i++) {
                var coords = results.features[i].geometry.coordinates;
                var latLng = new google.maps.LatLng(coords[1],coords[0]);
                var marker = new google.maps.Marker({
                    position: latLng,
                    map: map
                });
            }
        }
    </script>
<script async defer
        src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&callback=initMap">
</script>

site.css 

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
    height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

Когда я запускаю приложение на localhost или Azure, мой браузер не отображает карту. Почему моя карта не отображается? enter image description here

1 Ответ

0 голосов
/ 28 мая 2019

Я решил эту проблему, создав новое действие контроллера и просмотр.Затем я добавляю код JavaScript и HTML во вновь созданное представление и перехожу к этому действию контроллера из браузера и карты Google, отображаемых, как и ожидалось.

...