├── map.geojson ├── 3-init.html ├── 4-multiple.html ├── 5-multiple-custom-marker.html ├── 7-2-hide-business.html ├── 6-info-window.html └── 7-1-night-mode.html /map.geojson: -------------------------------------------------------------------------------- 1 | { 2 | "type": "FeatureCollection", 3 | "features": [ 4 | { 5 | "type": "Feature", 6 | "geometry": { 7 | "type": "Point", 8 | "coordinates": [25.0374865, 121.5647688] 9 | }, 10 | "properties": { 11 | "id": 1, 12 | "name": "臺北市政府親子劇場", 13 | "site": "110台北市信義區市府路1號市府大樓" 14 | } 15 | }, 16 | { 17 | "type": "Feature", 18 | "geometry": { 19 | "type": "Point", 20 | "coordinates": [25.0397146, 121.5653771] 21 | }, 22 | "properties": { 23 | "id": 2, 24 | "name": "誠品信義店", 25 | "site": "110台北市信義區松高路11號" 26 | } 27 | }, 28 | { 29 | "type": "Feature", 30 | "geometry": { 31 | "type": "Point", 32 | "coordinates": [25.0405919, 121.5647644] 33 | }, 34 | "properties": { 35 | "id": 3, 36 | "name": "蔦屋書店信義店", 37 | "site": "110台北市信義區忠孝東路五段8號" 38 | } 39 | }, 40 | { 41 | "type": "Feature", 42 | "geometry": { 43 | "type": "Point", 44 | "coordinates": [25.039982, 121.572258] 45 | }, 46 | "properties": { 47 | "id": 4, 48 | "name": "臺北市立松山高級工農職業學校", 49 | "site": "110台北市信義區忠孝東路五段236巷15號" 50 | } 51 | }, 52 | { 53 | "type": "Feature", 54 | "geometry": { 55 | "type": "Point", 56 | "coordinates": [25.0336076, 121.5647587] 57 | }, 58 | "properties": { 59 | "id": 5, 60 | "name": "台北101觀景台", 61 | "site": "110台北市信義區信義路五段7號" 62 | } 63 | }, 64 | { 65 | "type": "Feature", 66 | "geometry": { 67 | "type": "Point", 68 | "coordinates": [25.033263, 121.560492] 69 | }, 70 | "properties": { 71 | "id": 6, 72 | "name": "台北國際會議中心(TICC)", 73 | "site": "110台北市信義區信義路五段1號" 74 | } 75 | }, 76 | { 77 | "type": "Feature", 78 | "geometry": { 79 | "type": "Point", 80 | "coordinates": [25.0400306, 121.5602452] 81 | }, 82 | "properties": { 83 | "id": 7, 84 | "name": "國立國父紀念館", 85 | "site": "110台北市信義區仁愛路四段505號" 86 | } 87 | } 88 | ] 89 | } -------------------------------------------------------------------------------- /3-init.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Init - Google Maps API demo - August - Let's Write 8 | 9 | 10 | 25 | 26 | 27 | 28 | 35 | 36 | 37 | 38 | 39 | 42 | 43 |
44 | 45 |
46 |
47 |
48 |
49 |
50 | 51 |
52 |
53 | 57 |
58 |
59 | 60 |
61 | 62 | 63 | 64 | 65 | 66 | 67 | 111 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /4-multiple.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Multiple Markers - Google Maps API demo - August - Let's Write 8 | 9 | 10 | 25 | 26 | 27 | 28 | 35 | 36 | 37 | 38 | 39 | 42 | 43 |
44 | 45 |
46 |
47 |
48 |
49 |
50 | 51 |
52 |
53 | 57 |
58 |
59 | 60 |
61 | 62 | 63 | 64 | 65 | 66 | 67 | 113 | 114 | 115 | 116 | -------------------------------------------------------------------------------- /5-multiple-custom-marker.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Multiple Markers - Google Maps API demo - August - Let's Write 8 | 9 | 10 | 25 | 26 | 27 | 28 | 35 | 36 | 37 | 38 | 41 | 42 |
43 | 44 |
45 |
46 |
47 |
48 |
49 | 50 |
51 |
52 | 56 |
57 |
58 | 59 |
60 | 61 | 62 | 63 | 64 | 65 | 66 | 131 | 132 | 133 | 134 | -------------------------------------------------------------------------------- /7-2-hide-business.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hide Business - Google Maps API demo - August - Let's Write 8 | 9 | 10 | 25 | 26 | 27 | 28 | 35 | 36 | 37 | 38 | 39 | 42 | 43 |
44 | 45 |
46 |
47 |
48 |
49 |
50 | 51 |
52 | 53 |
54 |
55 |
隱藏商家：
56 |
57 | 60 | 63 |
64 |
65 |
66 | 67 |
68 |
69 | 73 |
74 |
75 | 76 |
77 | 78 | 79 | 80 | 81 | 82 | 83 | 154 | 155 | 156 | 157 | -------------------------------------------------------------------------------- /6-info-window.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Info Windows - Google Maps API demo - August - Let's Write 8 | 9 | 10 | 33 | 34 | 35 | 36 | 43 | 44 | 45 | 46 | 47 | 50 | 51 |
52 | 53 |
54 |
55 |
56 |
57 |
58 | 59 |
60 |
61 | 65 |
66 |
67 | 68 |
69 |
70 | 74 |
75 |
76 | 77 |
78 | 79 | 80 | 81 | 82 | 83 | 84 | 155 | 156 | 157 | 158 | -------------------------------------------------------------------------------- /7-1-night-mode.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Night Mode - Google Maps API demo - August - Let's Write 8 | 9 | 10 | 25 | 26 | 27 | 28 | 35 | 36 | 37 | 38 | 39 | 42 | 43 |
44 | 45 |
46 |
47 |
48 |
49 |
50 | 51 |
52 | 53 |
54 |
55 |
夜間模式：
56 |
57 | 60 | 63 |
64 |
65 |
66 | 67 |
68 |
69 | 73 |
74 |
75 | 76 |
77 | 78 | 79 | 80 | 81 | 82 | 83 | 227 | 228 | 229 | 230 | --------------------------------------------------------------------------------