Widget:Markers - Revision history

Tom at 08:51, 6 October 2019

2019-10-06T08:51:01Z

← Older revision		Revision as of 10:51, 6 October 2019
Line 23:		Line 23:
	<script>		<script>
	map.on("load", function() {		map.on("load", function() {
			map.setLayoutProperty('<!--{$layer\|escape:'html'\|default:'POIs'}-->', 'visibility', 'visible');
	map.on('click', function(e) {		map.on('click', function(e) {
	~~map.setLayoutProperty('<!--{$layer\|escape:'html'\|default:'POIs'}-->', 'visibility', 'visible');~~
	var features = map.queryRenderedFeatures(e.point, {		var features = map.queryRenderedFeatures(e.point, {
	layers: ['<!--{$layer\|escape:'html'\|default:'POIs'}-->']		layers: ['<!--{$layer\|escape:'html'\|default:'POIs'}-->']

2019-10-06T00:29:45Z

2019-10-06T00:28:53Z

2019-10-06T00:28:27Z

2019-10-06T00:27:46Z

← Older revision		Revision as of 02:27, 6 October 2019
Line 37:		Line 37:
	var popup = new mapboxgl.Popup({ offset: [0, -15] })		var popup = new mapboxgl.Popup({ offset: [0, -15] })
	.setLngLat(feature.geometry.coordinates)		.setLngLat(feature.geometry.coordinates)
	.setHTML('<h4>'+feature.properties.type+'</h4><~~div~~><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a~~></div~~>')		.setHTML('<h4>'+feature.properties.type+'</h4><br /><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a>')
	.addTo(map);		.addTo(map);
	});		});

2019-10-06T00:27:22Z

← Older revision		Revision as of 02:27, 6 October 2019
Line 37:		Line 37:
	var popup = new mapboxgl.Popup({ offset: [0, -15] })		var popup = new mapboxgl.Popup({ offset: [0, -15] })
	.setLngLat(feature.geometry.coordinates)		.setLngLat(feature.geometry.coordinates)
	.setHTML('<h4>'+feature.properties.type+'</h4><p><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a></p>')		.setHTML('<h4>'+feature.properties.type+'</h4><div><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a></div>')
	.addTo(map);		.addTo(map);
	});		});

2019-10-06T00:26:34Z

← Older revision		Revision as of 02:26, 6 October 2019
Line 9:		Line 9:
	.mapboxgl-popup-content {		.mapboxgl-popup-content {
	background: rgba(255,255,255,0.8);		background: rgba(255,255,255,0.8);

	}		}
	.mapboxgl-popup-close-button {		.mapboxgl-popup-close-button {
Line 15:		Line 16:
	.mapboxgl-popup-content h4 {		.mapboxgl-popup-content h4 {
	margin-top: 0;		margin-top: 0;
			}
			.mapboxgl-popup-content a {
			font-size: 130%;
	}		}
	</style>		</style>
Line 33:		Line 37:
	var popup = new mapboxgl.Popup({ offset: [0, -15] })		var popup = new mapboxgl.Popup({ offset: [0, -15] })
	.setLngLat(feature.geometry.coordinates)		.setLngLat(feature.geometry.coordinates)
	.setHTML('<h4>'+feature.properties.type+'</h4><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a>')		.setHTML('<h4>'+feature.properties.type+'</h4><p><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a></p>')
	.addTo(map);		.addTo(map);
	});		});

2019-10-06T00:19:32Z

← Older revision		Revision as of 02:19, 6 October 2019
Line 7:		Line 7:
	<includeonly>		<includeonly>
	<style>		<style>
			.mapboxgl-popup-content {
			background: rgba(255,255,255,0.8);
			}
			.mapboxgl-popup-close-button {
			color: black;
			}
			.mapboxgl-popup-content h4 {
			margin-top: 0;
			}
	</style>		</style>
	<script>		<script>
Line 24:		Line 33:
	var popup = new mapboxgl.Popup({ offset: [0, -15] })		var popup = new mapboxgl.Popup({ offset: [0, -15] })
	.setLngLat(feature.geometry.coordinates)		.setLngLat(feature.geometry.coordinates)
	.setHTML('<h3>'+feature.properties.type+'</h3><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a>')		.setHTML('<h4>'+feature.properties.type+'</h4><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a>')
	.addTo(map);		.addTo(map);
	});		});

2019-10-06T00:14:58Z

← Older revision		Revision as of 02:14, 6 October 2019
Line 24:		Line 24:
	var popup = new mapboxgl.Popup({ offset: [0, -15] })		var popup = new mapboxgl.Popup({ offset: [0, -15] })
	.setLngLat(feature.geometry.coordinates)		.setLngLat(feature.geometry.coordinates)
	.setHTML('<a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a>~~<br />('+feature.properties.type+')~~')		.setHTML('<h3>'+feature.properties.type+'</h3><a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a>')
	.addTo(map);		.addTo(map);
	});		});

2019-10-06T00:12:47Z

← Older revision		Revision as of 02:12, 6 October 2019
Line 24:		Line 24:
	var popup = new mapboxgl.Popup({ offset: [0, -15] })		var popup = new mapboxgl.Popup({ offset: [0, -15] })
	.setLngLat(feature.geometry.coordinates)		.setLngLat(feature.geometry.coordinates)
	.setHTML('<a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a><br />('+~~features~~.properties.type+')')		.setHTML('<a href="https://notveryprofessional.com/dragoneye/atlas/'+feature.properties.name+'">'+feature.properties.name+'</a><br />('+feature.properties.type+')')
	.addTo(map);		.addTo(map);
	});		});