' + feature.properties.name + '' +
313 | '
' + feature.properties.address + '
' +
314 | '
PHILADELPHIA, PA ' + feature.properties.zip + '
' +
315 | '
' + feature.properties.phone + '
';
316 | break;
317 |
318 | default:
319 | content = '' + feature.properties.name + '' +
320 | '
' + feature.properties.description + '
';
321 | break;
322 | }
323 | info.innerHTML = content;
324 | };
325 |
326 | if (PopeMap.allowFancyMap && mapboxgl.supported()) {
327 | PopeMap.initFancyMap();
328 | } else {
329 | PopeMap.initClassicMap();
330 | }
331 |
332 | // Clear the tooltip when map is clicked.
333 | PopeMap.map.on('move', empty);
334 |
335 | // Trigger empty contents when the script has loaded on the page.
336 | empty();
337 |
338 | function empty() {
339 | info.innerHTML = '
Choose layers at left, then click features for info
';
340 | }
341 |
342 | })();
343 |
344 |
345 | // ht @konklone for console.log-fication example
346 | // for sad, sad IE:
347 | if (window._ie) {
348 | console.log("Hey there.");
349 | console.log("If you're into this kind of thing and want to help out, let me know.");
350 | console.log("http://github.com/laurenancona or @laurenancona");
351 | }
352 |
353 | // otherwise, style it up:
354 | else {
355 | var styles = {
356 | medium: "font-size: 10pt, font-weight: bold;color: #1B3B56",
357 | medium_link: "font-size: 10pt; font-weight: bold; color: #027ea4",
358 | };
359 | console.log("%cHey there", styles.medium);
360 | console.log("%cIf you're into this kind of thing and want to help out, let me know.", styles.medium);
361 | console.log("%chttp://github.com/laurenancona or @laurenancona", styles.medium);
362 | }
363 |
--------------------------------------------------------------------------------
/debug.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
10 |
11 |
Philly Pope Map
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
59 |
60 |
61 |
62 |
63 |
64 |
67 |
83 |
84 |
144 |
145 |
146 |
147 |
Philly Pope Map
148 |
VIEW TIMELINE
149 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
MapBox
232 |
233 |
234 |
235 |
236 |
237 |
238 |
239 |
242 |
243 |
244 |
245 |
246 |
247 |
248 |
249 |
253 |
254 |
255 |
256 |
259 |
260 |
262 |
263 |
264 |
265 |
266 |
267 |
--------------------------------------------------------------------------------
/js/vendor/dialog-polyfill.js:
--------------------------------------------------------------------------------
1 | (function() {
2 |
3 | var supportCustomEvent = window.CustomEvent;
4 | if (!supportCustomEvent || typeof supportCustomEvent == 'object') {
5 | supportCustomEvent = function CustomEvent(event, x) {
6 | x = x || {};
7 | var ev = document.createEvent('CustomEvent');
8 | ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);
9 | return ev;
10 | };
11 | supportCustomEvent.prototype = window.Event.prototype;
12 | }
13 |
14 | /**
15 | * Finds the nearest