Widget:Google Maps: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 16: Zeile 16:
<script>
<script>
function initMap() {
function initMap() {
var center = new google.maps.LatLng('<!--{$lat|escape:'quotes'}-->', '<!--{$lng|escape:'quotes'}-->');
  var map = new google.maps.Map(document.getElementById("map<!--{$mapDivID|escape:'html'}-->"), {
  var map = new google.maps.Map(document.getElementById("map<!--{$mapDivID|escape:'html'}-->"), {
   size: new google.maps.Size('<!--{$width|escape:'quotes'|default:'100%'}-->', '<!--{$height|escape:'quotes'|default:500}-->')
   size: new google.maps.Size('<!--{$width|escape:'quotes'|default:'100%'}-->', '<!--{$height|escape:'quotes'|default:500}-->'),
gestureHandling: 'cooperative'
});
});
         map.setCenter(center, 13);
         map.setCenter(center, 13);
         map.setZoom(Number('<!--{$zoom|escape:'quotes'|default:16}-->'));
         map.setZoom(Number('<!--{$zoom|escape:'quotes'|default:16}-->'));
        map.enableScrollWheelZoom();
           
          var marker = new google.maps.Marker({
var createMarker = function(markerLatLng,MarkerTitle,markerIcon,markerPopup) {
          position: uluru,
            var marker=new google.maps.Marker(markerLatLng,{title:MarkerTitle,icon:markerIcon});
          map: map
            if (markerPopup) {
        });
                marker.addListener('click', function() {
                    marker.openInfoWindowHtml(markerPopup);
                });
            }
            return marker;
        }
        <!--{foreach from=$marker item=m}-->
            var markerIcon=new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FE7569");
            <!--{if isset($m.letter)}-->markerIcon.image="https://www.google.com/mapfiles/marker<!--{$m.letter|escape:'urlpathinfo'}-->.png";<!--{/if}-->
            <!--{if isset($m.icon)}-->markerIcon.image='<!--{$m.icon|validate:url}-->';<!--{/if}-->
            var markerLatLng = new google.maps.LatLng('<!--{$m.lat|escape:'quotes'}-->', '<!--{$m.lng|escape:'quotes'}-->');
            var markerPopup="";
            <!--{if isset($m.text)}-->markerPopup='<!--{$m.text|escape:'quotes'}-->';<!--{/if}-->
            var marker = new createMarker(markerLatLng,'<!--{$m.title|escape:'quotes'}-->',markerIcon,markerPopup);
       
        marker.setMap(map); 
        //map.addOverlay(marker);
        <!--{/foreach}-->
        <!--{if isset($xml)}-->marker.setMap(new google.maps.GeoXml('<!--{$xml|escape:'quotes'}-->'));<!--{/if}-->
        <!--{if isset($centermarker)}-->marker.setMap(new google.maps.Marker(center));<!--{/if}-->
       
                <!--{if isset($maptype)}-->map.setMapType(<!--{if $maptype eq 'satellite'}-->G_SATELLITE_MAP<!--{elseif $maptype eq 'hybrid'}-->G_HYBRID_MAP<!--{else}-->G_NORMAL_MAP<!--{/if}-->);<!--{/if}-->
 
 
 
 
        }
        }
  </script>
  </script>

Aktuelle Version vom 23. Januar 2018, 12:12 Uhr

This widget allows you to add Google Maps widget to your wiki page.

Created by Sergey Chernyshev

Using this widget

For information on how to use this widget, see widget description page on MediaWikiWidgets.org.

Copy to your site

To use this widget on your site, just install MediaWiki Widgets extension and copy the full source code of this page to your wiki as page Widget:Google Maps.