From 3268cb75cefa118b4b6f21c0e68322491e67f960 Mon Sep 17 00:00:00 2001
From: kinghzking <kinghzking@devide>
Date: Thu, 16 Nov 2023 10:46:00 +0800
Subject: [PATCH] Thu Nov 16 10:46:00 CST 2023 inscode

---
 leaflet/d1/index.html | 14 ++++++++++++++
 leaflet/d1/index.js   | 17 +++++++++++++++++
 leaflet/d1/style.css  | 18 ++++++++++++++++++
 package-lock.json     | 21 +++++++++++++++++++++
 package.json          | 17 +++++++++++++++++
 5 files changed, 87 insertions(+)
 create mode 100644 leaflet/d1/index.html
 create mode 100644 leaflet/d1/index.js
 create mode 100644 leaflet/d1/style.css
 create mode 100644 package-lock.json
 create mode 100644 package.json
diff --git a/leaflet/d1/index.html b/leaflet/d1/index.html
new file mode 100644
index 0000000..df17e8d
--- /dev/null
+++ b/leaflet/d1/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <div id="map"></div>
+
+  <script src="./index.js" />
+</body>
+</html>
\ No newline at end of file
diff --git a/leaflet/d1/index.js b/leaflet/d1/index.js
new file mode 100644
index 0000000..2139868
--- /dev/null
+++ b/leaflet/d1/index.js
@@ -0,0 +1,17 @@
+// Import stylesheets
+import './style.css';
+import { Map, TileLayer } from 'leaflet';
+
+// Write Javascript code!
+const map = new Map('map');
+
+const layer = new TileLayer(
+  'http://wprd0{s}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7',
+  {
+    subdomains: '1234'
+  }
+);
+
+layer.addTo(map);
+
+map.setView([39.909186, 116.397411], 10);
diff --git a/leaflet/d1/style.css b/leaflet/d1/style.css
new file mode 100644
index 0000000..565dead
--- /dev/null
+++ b/leaflet/d1/style.css
@@ -0,0 +1,18 @@
+@import '~leaflet/dist/leaflet.css';
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0px;
+}
+
+h1,
+h2 {
+  font-family: Lato;
+}
+
+#map {
+  width: 100%;
+  height: 100%;
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..987a4cc
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,21 @@
+{
+  "name": "myopen",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "myopen",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "leaflet": "^1.9.4"
+      }
+    },
+    "node_modules/leaflet": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmmirror.com/leaflet/-/leaflet-1.9.4.tgz",
+      "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..8356d3a
--- /dev/null
+++ b/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "myopen",
+  "version": "1.0.0",
+  "description": "just 4 learn",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "study"
+  ],
+  "author": "yemao",
+  "license": "ISC",
+  "dependencies": {
+    "leaflet": "^1.9.4"
+  }
+}
-- 
GitLab

