Frage von gorax89, 52

Google Maps API mit Bootstrap responsive machen?

Hallo Leute,

ich möchte mit Hilfe der Google Maps APi einen standort anzeigen lassen, dabei soll sich die Karte auf verschiedenen Endgeräten responsive verhalten. Bis jetzt kriege ich es aber nicht hin das sich der Marker immer in der mitte befindet wenn ich das fenster verschiebe.

kann mir da wer helfen?

danke schon mal vorab

function init_map() { var var_location = new google.maps.LatLng(49.121715, 9.211066);

   var var_mapoptions = {
      center: var_location,
      zoom: 15,
       mapTypeId: google.maps.MapTypeId.SATELLITE,
       scrollwheel: false,
            draggable: false,
            panControl: true,
            zoomControl: true,
            mapTypeControl: true,
            scaleControl: true,
            streetViewControl: true,
            overviewMapControl: true,
            rotateControl: true,
    };

    var var_map = new google.maps.Map(document.getElementById("map-container"),
        var_mapoptions);

    var contentString = 
        '<div id="infowindow_content">'+
        '<p><strong>Hochschule Heilbronn</strong><br>'+
        'Robert-Bosch-Straße 32,74081 Heilbronn<br>' +
        'Studentenzahl:8.239 (2013)<br>'+
        'Gegründet:17. April 1961, Heilbronn</p>'+
        '<a href="http://hs-heilbronn.de">hs-heilbronn.de</a>'+
        '</div>';

    var var_infowindow = new google.maps.InfoWindow({
        content: contentString
      });

    var var_marker = new google.maps.Marker({
        position: var_location,
        map: var_map,
        title:"Click on marker to see info",
              maxWidth: 500
              });
      


    google.maps.event.addListener(var_marker, 'click', function() {
    var_infowindow.open(var_map,var_marker);
      });   


  }


google.maps.event.addDomListener(window, 'load', init_map);
Antwort
von heilwigkenner, 29

Keine passende Antwort gefunden?

Fragen Sie die Community