Widget:Google Maps - Versionsgeschichte

Admin am 29. August 2018 um 18:09 Uhr

2018-08-29T18:09:39Z

← Nächstältere Version		Version vom 29. August 2018, 20:09 Uhr
Zeile 3:		Zeile 3:

	Created by [https://www.mediawikiwidgets.org/User:Sergey_Chernyshev Sergey Chernyshev]		Created by [https://www.mediawikiwidgets.org/User:Sergey_Chernyshev Sergey Chernyshev]
			Modified by [https://vol-2.com Rolf Fleischmann]

	== Using this widget ==		== Using this widget ==
Zeile 15:		Zeile 16:
	width: 100%;		width: 100%;
	height: 0;		height: 0;
	padding-bottom: 56%;		padding-bottom: 60%;
	}		}
	.mapContainer>div {		.mapContainer>div {
Zeile 26:		Zeile 27:
	</style>		</style>
	<div id="map" class="mapContainer"></div>		<div id="map" class="mapContainer"></div>
	<script ~~type="text/javascript"~~>		<script>
	var map;		var map;
	function initMap() {		function initMap() {
Zeile 36:		Zeile 37:

	var infoWin = new google.maps.InfoWindow();		var infoWin = new google.maps.InfoWindow();


	var createMarker = function(markerLatLng,MarkerTitle,markerIcon,markerLetter,markerPopup) {		var createMarker = function(markerLatLng,MarkerTitle,markerIcon,markerLetter,markerPopup) {

Admin am 29. August 2018 um 18:03 Uhr

2018-08-29T18:03:37Z

← Nächstältere Version		Version vom 29. August 2018, 20:03 Uhr
Zeile 48:		Zeile 48:
	if (markerPopup) {		if (markerPopup) {
	marker.addListener('click', function () {		marker.addListener('click', function () {
	infoWin ~~= new google~~.~~maps.InfoWindow~~(~~{content:~~ markerPopup});		infoWin.setContent(markerPopup);
	infoWin.open(map,marker);		infoWin.open(map,marker);
	//marker.openInfoWindowHtml(markerPopup);		//marker.openInfoWindowHtml(markerPopup);

Admin am 29. August 2018 um 18:01 Uhr

2018-08-29T18:01:25Z

← Nächstältere Version		Version vom 29. August 2018, 20:01 Uhr
Zeile 34:		Zeile 34:
	mapTypeId: 'satellite'		mapTypeId: 'satellite'
	});		});

			var infoWin = new google.maps.InfoWindow();


Zeile 46:		Zeile 48:
	if (markerPopup) {		if (markerPopup) {
	marker.addListener('click', function () {		marker.addListener('click', function () {
	~~var~~ infoWin = new google.maps.InfoWindow({content: markerPopup});		infoWin = new google.maps.InfoWindow({content: markerPopup});
	infoWin.open(map,marker);		infoWin.open(map,marker);
	//marker.openInfoWindowHtml(markerPopup);		//marker.openInfoWindowHtml(markerPopup);

Admin am 29. August 2018 um 17:52 Uhr

2018-08-29T17:52:58Z

← Nächstältere Version		Version vom 29. August 2018, 19:52 Uhr
Zeile 26:		Zeile 26:
	</style>		</style>
	<div id="map" class="mapContainer"></div>		<div id="map" class="mapContainer"></div>
	~~<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB2VqCGNrS588hUiejVoi-Ycma2U-P4xJI&callback=initMap" async defer></script>~~
	<script type="text/javascript">		<script type="text/javascript">
	var map;		var map;
Zeile 67:		Zeile 66:

	</script>		</script>
			<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB2VqCGNrS588hUiejVoi-Ycma2U-P4xJI&callback=initMap" async defer></script>
	</includeonly>		</includeonly>

Admin am 29. August 2018 um 17:50 Uhr

2018-08-29T17:50:41Z

← Nächstältere Version		Version vom 29. August 2018, 19:50 Uhr
Zeile 55:		Zeile 55:
	}		}
	<!--{foreach from=$marker item=m}-->		<!--{foreach from=$marker item=m}-->
	var markerIcon='~~https://maps.google.com/mapfiles/ms/icons/red-dot.png~~';		var markerIcon='';
	<!--{if isset($m.icon)}-->markerIcon='<!--{$m.icon\|validate:url}-->';<!--{/if}-->		<!--{if isset($m.icon)}-->markerIcon='<!--{$m.icon\|validate:url}-->';<!--{/if}-->
	var markerLetter = '';		var markerLetter = '';

Admin am 29. August 2018 um 17:49 Uhr

2018-08-29T17:49:51Z

← Nächstältere Version		Version vom 29. August 2018, 19:49 Uhr
Zeile 58:		Zeile 58:
	<!--{if isset($m.icon)}-->markerIcon='<!--{$m.icon\|validate:url}-->';<!--{/if}-->		<!--{if isset($m.icon)}-->markerIcon='<!--{$m.icon\|validate:url}-->';<!--{/if}-->
	var markerLetter = '';		var markerLetter = '';
	<!--{if isset($m.letter)}-->markerLetter="<!--{$m.letter\|escape:'~~urlpathinfo~~'}-->";<!--{/if}-->		<!--{if isset($m.letter)}-->markerLetter='<!--{$m.letter\|escape:'quotes'}-->';<!--{/if}-->
	var markerLatLng = new google.maps.LatLng('<!--{$m.lat\|escape:'quotes'}-->', '<!--{$m.lng\|escape:'quotes'}-->');		var markerLatLng = new google.maps.LatLng('<!--{$m.lat\|escape:'quotes'}-->', '<!--{$m.lng\|escape:'quotes'}-->');
	var markerPopup="";		var markerPopup="";

Admin am 29. August 2018 um 17:44 Uhr

2018-08-29T17:44:10Z

← Nächstältere Version		Version vom 29. August 2018, 19:44 Uhr
Zeile 37:		Zeile 37:


	var createMarker = function(markerLatLng,MarkerTitle,markerIcon,markerPopup) {		var createMarker = function(markerLatLng,MarkerTitle,markerIcon,markerLetter,markerPopup) {
	var marker=new google.maps.Marker({		var marker=new google.maps.Marker({
	position: markerLatLng,		position: markerLatLng,
	map:map,		map:map,
	title:MarkerTitle,		title:MarkerTitle,
	icon: markerIcon		icon: markerIcon,
			label: markerLetter
	});		});
	if (markerPopup) {		if (markerPopup) {
Zeile 56:		Zeile 57:
	var markerIcon='https://maps.google.com/mapfiles/ms/icons/red-dot.png';		var markerIcon='https://maps.google.com/mapfiles/ms/icons/red-dot.png';
	<!--{if isset($m.icon)}-->markerIcon='<!--{$m.icon\|validate:url}-->';<!--{/if}-->		<!--{if isset($m.icon)}-->markerIcon='<!--{$m.icon\|validate:url}-->';<!--{/if}-->
			var markerLetter = '';
			<!--{if isset($m.letter)}-->markerLetter="<!--{$m.letter\|escape:'urlpathinfo'}-->";<!--{/if}-->
	var markerLatLng = new google.maps.LatLng('<!--{$m.lat\|escape:'quotes'}-->', '<!--{$m.lng\|escape:'quotes'}-->');		var markerLatLng = new google.maps.LatLng('<!--{$m.lat\|escape:'quotes'}-->', '<!--{$m.lng\|escape:'quotes'}-->');
	var markerPopup="";		var markerPopup="";
	<!--{if isset($m.text)}-->markerPopup='<!--{$m.text\|escape:'quotes'}-->';<!--{/if}-->		<!--{if isset($m.text)}-->markerPopup='<!--{$m.text\|escape:'quotes'}-->';<!--{/if}-->
	var marker = new createMarker(markerLatLng,'<!--{$m.title\|escape:'quotes'}-->',markerIcon,markerPopup);		var marker = new createMarker(markerLatLng,'<!--{$m.title\|escape:'quotes'}-->',markerIcon,markerLetter,markerPopup);
	<!--{/foreach}-->		<!--{/foreach}-->
	}		}

Admin am 29. August 2018 um 17:35 Uhr

2018-08-29T17:35:23Z

← Nächstältere Version		Version vom 29. August 2018, 19:35 Uhr
Zeile 32:		Zeile 32:
	map = new google.maps.Map(document.getElementById('map'), {		map = new google.maps.Map(document.getElementById('map'), {
	center: {lat: <!--{$lat\|escape:'quotes'}-->, lng: <!--{$lng\|escape:'quotes'}-->},		center: {lat: <!--{$lat\|escape:'quotes'}-->, lng: <!--{$lng\|escape:'quotes'}-->},
	zoom: <!--{$zoom\|escape:'quotes'\|default:16}-->		zoom: <!--{$zoom\|escape:'quotes'\|default:16}-->,
			mapTypeId: 'satellite'
	});		});

Admin am 29. August 2018 um 17:32 Uhr

2018-08-29T17:32:04Z

← Nächstältere Version		Version vom 29. August 2018, 19:32 Uhr
Zeile 36:		Zeile 36:


	var createMarker = function(markerLatLng,MarkerTitle,markerPopup) {		var createMarker = function(markerLatLng,MarkerTitle,markerIcon,markerPopup) {
	var marker=new google.maps.Marker({position: markerLatLng, map:map, title:MarkerTitle});		var marker=new google.maps.Marker({
			position: markerLatLng,
			map:map,
			title:MarkerTitle,
			icon: markerIcon
			});
	if (markerPopup) {		if (markerPopup) {
	marker.addListener('click', function () {		marker.addListener('click', function () {
Zeile 48:		Zeile 53:
	}		}
	<!--{foreach from=$marker item=m}-->		<!--{foreach from=$marker item=m}-->
			var markerIcon='https://maps.google.com/mapfiles/ms/icons/red-dot.png';
			<!--{if isset($m.icon)}-->markerIcon='<!--{$m.icon\|validate:url}-->';<!--{/if}-->
	var markerLatLng = new google.maps.LatLng('<!--{$m.lat\|escape:'quotes'}-->', '<!--{$m.lng\|escape:'quotes'}-->');		var markerLatLng = new google.maps.LatLng('<!--{$m.lat\|escape:'quotes'}-->', '<!--{$m.lng\|escape:'quotes'}-->');
	var markerPopup="";		var markerPopup="";
	<!--{if isset($m.text)}-->markerPopup='<!--{$m.text\|escape:'quotes'}-->';<!--{/if}-->		<!--{if isset($m.text)}-->markerPopup='<!--{$m.text\|escape:'quotes'}-->';<!--{/if}-->
	var marker = new createMarker(markerLatLng,'<!--{$m.title\|escape:'quotes'}-->',markerPopup);		var marker = new createMarker(markerLatLng,'<!--{$m.title\|escape:'quotes'}-->',markerIcon,markerPopup);

	~~//map.addOverlay(marker~~);
	<!--{/foreach}-->		<!--{/foreach}-->
	}		}

Admin am 29. August 2018 um 17:22 Uhr

2018-08-29T17:22:19Z

← Nächstältere Version		Version vom 29. August 2018, 19:22 Uhr
Zeile 40:		Zeile 40:
	if (markerPopup) {		if (markerPopup) {
	marker.addListener('click', function () {		marker.addListener('click', function () {
	marker.openInfoWindowHtml(markerPopup);		var infoWin = new google.maps.InfoWindow({content: markerPopup});
			infoWin.open(map,marker);
			//marker.openInfoWindowHtml(markerPopup);
	});		});
	}		}