Code einfügen aus GoogleMapBuilder

[planepix]

Hallo Christian,

mich interessiert wie ich den Code aus dem Googlemapbuilder (http://googlemapbuilder.mynameisdonald.com/) mit dlh_gooflemaps "verheiratet" bekomme.

Ich habe mir folgenden Code generieren lassen:

<script src="https://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js"></script> 
<script> google.maps.event.addDomListener(window, 'load', init);

var map;

function init() {
    var mapOptions = {
        center: new google.maps.LatLng(48.815794,9.207944),
        zoom: 13,
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.DEFAULT,
        },
        disableDoubleClickZoom: true,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        },
        scaleControl: true,
        scrollwheel: true,
        streetViewControl: true,
        draggable : true,
        overviewMapControl: true,
        overviewMapControlOptions: {
            opened: true,
        },
        mapTypeId: google.maps.MapTypeId.ROADMAP,
    styles: [
    {
      featureType: "landscape",
      stylers: [
        { saturation: -100 },
        { lightness: 65 },
        { visibility: "on" }
      ]
    },{
      featureType: "poi",
      stylers: [
        { saturation: -100 },
        { lightness: 51 },
        { visibility: "simplified" }
      ]
    },{
      featureType: "road.highway",
      stylers: [
        { saturation: -100 },
        { visibility: "simplified" }
      ]
    },{
      featureType: "road.arterial",
      stylers: [
        { saturation: -100 },
        { lightness: 30 },
        { visibility: "on" }
      ]
    },{
      featureType: "road.local",
      stylers: [
        { saturation: -100 },
        { lightness: 40 },
        { visibility: "on" }
      ]
    },{
      featureType: "transit",
      stylers: [
        { saturation: -100 },
        { visibility: "simplified" }
      ]
    },{
      featureType: "administrative.province",
      stylers: [
        { visibility: "off" }
      ]
  /** /
    },{
      featureType: "administrative.locality",
      stylers: [
        { visibility: "off" }
      ]
    },{
      featureType: "administrative.neighborhood",
      stylers: [
        { visibility: "on" }
      ]
  /**/
    },{
      featureType: "water",
      elementType: "labels",
      stylers: [
        { visibility: "on" },
        { lightness: -25 },
        { saturation: -100 }
      ]
    },{
      featureType: "water",
      elementType: "geometry",
      stylers: [
        { hue: "#ffff00" },
        { lightness: -25 },
        { saturation: -97 }
      ]
    }
  ],
    
    }

    var mapElement = document.getElementById('map');
    var map = new google.maps.Map(mapElement, mapOptions);
    var locations = [
        
    ];

    for (i = 0; i < locations.length; i++) {
        marker = new google.maps.Marker({
            icon: '',
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            map: map
        });
    }
}
</script> 

<style> 
#map{
    width:550px;
    height:400px;
}
</style>

Kann ich diese Optionen so irgendwie in die Felder "Ergänzende Parameter" einfügen?
Habe ich in beiden Felder versucht; führte dazu, dass die GM nicht mehr im FE angezeigt wird.

Auch das Entfernen der beiden ersten Zeilen - die Einbindung von GM - habe ich einmal auskommentiert.

Danke für einen Tipp, wie man das einbinden kann.

[magicsepp]

Hallo Thomas

auf einen schnellen Blick würde ich sagen das sollte so wie hier beschrieben gehen...
https://community.contao.org/de/show...l=1#post285769

Griasle