diff --git a/leaflet/d1/index.html b/leaflet/d1/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..df17e8db3bbcc02c7e294779e16ab76a943db38a
--- /dev/null
+++ b/leaflet/d1/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/leaflet/d1/index.js b/leaflet/d1/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..21398686f5b41a1a83fd7311754abe27a9c09a88
--- /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 0000000000000000000000000000000000000000..565dead9de2d3d879265975acde5a10b32624cdf
--- /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 0000000000000000000000000000000000000000..987a4cc8837639338ca5158aa5a67c2e0cb94152
--- /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 0000000000000000000000000000000000000000..8356d3ae0ee9e3f71724632a65381728a7903055
--- /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"
+ }
+}