Skip to content

Instantly share code, notes, and snippets.

View planemad's full-sized avatar

Arun Ganesh planemad

View GitHub Profile
{
"layers": [
{
"id": "pincode",
"title": "Pincode Boundaries",
"headerImage": "assets/map-layers/map-layer-pincode.png",
"description": "Government open data of pincode boundaries published May 2025.",
"type": "vector",
"url": "https://indianopenmaps.fly.dev/pincodes/datagovin/{z}/{x}/{y}.pbf",
"sourceLayer": "Datagov_Pincode_Boundaries",
PKOG�Zdoc.kmlu��n�0D�����z!PU�s����P��"{IV��(6 �_��*�8��;oEq1m:`��ٜ����h��d����gV�D41����{Ǒ�mE�[ ���$MūSg�6L"J[�����V�U�|�^�ԅ�
wk�at}�I��9�����X�u�'9��;`�\�"W΀);�0�P C:�Ӱ�n-i�6��~�]�����Ƿՠ\����M�N���T �oPKFc�[PKOG�ZFc�[doc.kmlPK5
{
"name": "Example Maphub layer configuration",
"version": "0.1.0",
"map": {
"center": [
77.4,
22.1
],
"zoom": 3.6
},
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
let layersConfig = [
{
id: 'streetmap',
title: 'Street Map रस्त्याचो नकासो',
description: 'Detailed street map sourced from <a href="https://www.openstreetmap.org/#map=11/15.4054/73.9280" target="_blank">OpenStreetMap contributors</a> and other data sources via <a href="https://docs.mapbox.com/data/tilesets/reference/mapbox-streets-v8/" target="_blank">Mapbox Streets</a> vector tiles.',
type: 'style',
headerImage: 'assets/map-layer-streetmap.png',
initiallyChecked: true,
layers: [
{ title: 'Places', sourceLayer: 'place_label' },
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@planemad
planemad / alumni-spreadsheet-map.html
Last active December 12, 2024 09:37
Create a map with location markers based on a Google Sheet data
<!DOCTYPE html>
<html>
<head>
<title>Map from Google Sheet Data</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Leaflet CSS -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.