Skip to content

Commit

Permalink
feat: add a dev server (#656)
Browse files Browse the repository at this point in the history
  • Loading branch information
vicb authored Jun 1, 2023
1 parent bcbdddf commit b025dec
Show file tree
Hide file tree
Showing 9 changed files with 268 additions and 12 deletions.
4 changes: 2 additions & 2 deletions examples/algorithms.ts
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import {
NoopAlgorithm,
SuperClusterAlgorithm,
} from "../src";
import { LOADER_OPTIONS, sync } from "./config";
import { getLoaderOptions, sync } from "./config";

import { Loader } from "@googlemaps/js-api-loader";
import trees from "./trees.json";
Expand All @@ -31,7 +31,7 @@ const mapOptions = {
zoom: 10,
};

new Loader(LOADER_OPTIONS).load().then(() => {
new Loader(getLoaderOptions()).load().then(() => {
const maps: google.maps.Map[] = [];

const panels: [HTMLElement, AbstractAlgorithm, string][] = [
Expand Down
8 changes: 5 additions & 3 deletions examples/config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,13 @@ import { LoaderOptions } from "@googlemaps/js-api-loader";

export const MAP_ID = "7b9a897acd0a63a4";

export const LOADER_OPTIONS: LoaderOptions = {
apiKey: "AIzaSyDhRjl83cPVWeaEer-SnKIw7GTjBuqWxXI",
const DEFAULT_KEY = "AIzaSyDhRjl83cPVWeaEer-SnKIw7GTjBuqWxXI";

export const getLoaderOptions = (): LoaderOptions => ({
apiKey: localStorage.getItem("gmaps-key") ?? DEFAULT_KEY,
version: "weekly",
libraries: [],
};
});

// helper function to keep maps in sync
export const sync = (...maps: google.maps.Map[]): void => {
Expand Down
4 changes: 2 additions & 2 deletions examples/defaults.ts
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
* limitations under the License.
*/

import { LOADER_OPTIONS } from "./config";
import { getLoaderOptions } from "./config";
import { Loader } from "@googlemaps/js-api-loader";
import { MarkerClusterer } from "../src";
import trees from "./trees.json";
Expand All @@ -24,7 +24,7 @@ const mapOptions = {
zoom: 12,
};

new Loader(LOADER_OPTIONS).load().then(() => {
new Loader(getLoaderOptions()).load().then(() => {
const element = document.getElementById("map");

const map = new google.maps.Map(element, mapOptions);
Expand Down
54 changes: 54 additions & 0 deletions examples/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<!--
Copyright 2023 Google LLC
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<html>
<head>
<style>
html,
body,
#map {
margin: 0;
height: 100%;
}
</style>
</head>
<body>
<h1>Google Maps JavaScript MarkerClusterer</h1>
<ul>
<li><a href="./algorithms/index.html">Algorithms</a></li>
<li><a href="./renderers/index.html">Renderers</a></li>
<li><a href="./updates/index.html">Updates</a></li>
<li><a href="./defaults/index.html">Defaults</a></li>
</ul>
<label>Google Maps API Key<input id="key" style="width: 400px"></input></label>

<script>
const input = document.querySelector("#key");
const key = localStorage.getItem("gmaps-key") ?? "";
input.value = key;
input.addEventListener("input", (event) => {
const key = event.target.value;
if (key.length > 1) {
localStorage.setItem("gmaps-key", key);
} else {
localStorage.removeItem("gmaps-key");
}
});

</script>
</body>
</html>
4 changes: 2 additions & 2 deletions examples/renderers.ts
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import {
MarkerClusterer,
Renderer,
} from "../src";
import { LOADER_OPTIONS, sync } from "./config";
import { getLoaderOptions, sync } from "./config";

import { Loader } from "@googlemaps/js-api-loader";
import { interpolateRgb } from "d3-interpolate";
Expand Down Expand Up @@ -65,7 +65,7 @@ const interpolatedRenderer = {
},
};

new Loader(LOADER_OPTIONS).load().then(() => {
new Loader(getLoaderOptions()).load().then(() => {
const maps: google.maps.Map[] = [];

const panels: [HTMLElement, Renderer, string][] = [
Expand Down
4 changes: 2 additions & 2 deletions examples/updates.ts
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
* limitations under the License.
*/

import { LOADER_OPTIONS } from "./config";
import { getLoaderOptions } from "./config";
import { Loader } from "@googlemaps/js-api-loader";
import { MarkerClusterer } from "../src";
import trees from "./trees.json";
Expand All @@ -24,7 +24,7 @@ const mapOptions = {
zoom: 12,
};

new Loader(LOADER_OPTIONS).load().then(async () => {
new Loader(getLoaderOptions()).load().then(async () => {
const element = document.getElementById("map");

const map = new google.maps.Map(element, mapOptions);
Expand Down
182 changes: 182 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit b025dec

Please sign in to comment.