Laden...

ASP.Net MVC4 Google Maps einbinden

Erstellt von Coooder vor 10 Jahren Letzter Beitrag vor 10 Jahren 1.795 Views
C
Coooder Themenstarter:in
180 Beiträge seit 2011
vor 10 Jahren
ASP.Net MVC4 Google Maps einbinden

hi leute,

ich versuche grad Google Maps in meiner ersten kleinen ASP anwendung zu integrieren ....
ich hab versucht es so zu machen wie hier -> google simple map
ich habe es so wie dort gezeigt in meine view eingebunden nur leider wird nix angezeigt.

Muss ich vieleicht noch irgentwelche einstellungen treffen damit der mit dem JavaScript umgehen kann oder sowas?

mfg Coooder!

5.657 Beiträge seit 2006
vor 10 Jahren

Hi Cooder,

eine Kartenansicht in eine Webanwendung einzubinden, hat ja erstmal nichts mit ASP.NET oder MVC zu tun. Es ist lediglich ein Javascript, der auf dem Client ausgeführt wird.

Wenn du die Javascript-Datei, die "map-canvas"-Div und den Code so in deine Seite eingebunden hast, wie auf der verlinkten Seite angegeben, sollte es eigentlich funktionieren. Wenn du dabei etwas vergessen hast, können wir das leider hier nicht sehen, da du keinen Code gepostet hast.

Meiner Meinung nach solltest du einfach mal den Javascript im Browser debuggen, und schauen ob der überhaupt ausgeführt wird und wo evtl. eine Fehlermeldung ausgelöst wird.

Christian

Weeks of programming can save you hours of planning

C
Coooder Themenstarter:in
180 Beiträge seit 2011
vor 10 Jahren

Hallo MrSparkle,

danke für die antwort. Mittlerweile hab ich es jedoch hinbekommen! Hab aber ein ganz anderes Beispiel genommen.

mit dem Code funktioniert es jedenfalls super!

<script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?key=[DEIN KEY]&sensor=false">
    </script>
    <script type="text/javascript">
        var myLatlng = new google.maps.LatLng(52, 11);
        var map;
        var marker;

        function initialize() {
            var mapOptions = { center: new google.maps.LatLng(57, 19), zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP };
            map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);            
        }

        function setMarker() {
            if(marker != null)
                deleteMarker();

            map.setCenter(myLatlng);
            marker = new google.maps.Marker({ position: myLatlng, map: map, title: "Hello World!", animation: google.maps.Animation.DROP });
        }
        function deleteMarker() { marker.setMap(null); }

    </script>

man muss ich allerding nen key von google generieren lassen und denn src="..." einsetzten.
ich habe auch gleich noch ne funktion für das setzten von Markern hinzugefügt.