<\/div>\n<\/body>\n<\/html><\/pre>\n
2.\n<\/strong> Sejak saya menggunakan Perpustakaan Leaflet, saya perlu memasukkan fail JavaScript dan CSS yang diperlukan untuk perpustakaan. Anda boleh memuat turun fail secara langsung, pasang fail secara tempatan menggunakan JavaScript Package Manager (NPM), atau gunakan versi yang diuruskan pada CDNnya: <\/p>\n\n<\/p>
\n\n\n \n Leaflet Map<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.6.0\/dist\/leaflet.css\" integrity=\"sha512-xwE\/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==\" crossorigin=\"\"\/>\n <style type=\"text\/css\">\n body{\n margin: 0;\n padding: 0;\n }\n #map {\n width: 100vw;\n height: 100vh;\n }\n <\/style>\n<\/head>\n<body>
<h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n <div class="377j5v51b" id=\"map\"><\/div>\n <??>\n <??>\n<\/body>\n<\/html><\/pre> NOTA: Harta <p> membolehkan penyemak imbas untuk memeriksa skrip yang diambil untuk memastikan bahawa kod itu tidak akan dimuatkan jika kod sumber telah diganggu. <em> <code>integrity<\/code>\n<\/em> <\/p> 3\n<p> untuk menarik sebarang peta, menyelaraskan nilai, seperti latitud dan longitud. Saya mengumpul latitud dan longitud setiap titik data dari sini <strong>. Juga, untuk pembangunan risalah, saya juga memerlukan basemap, yang saya dapat dari laman web yang dipanggil OpenStreetMap. <\/strong>\n<\/p> <p> 4\n<a href=\"https:\/\/www.miracleart.cn\/link\/79bb27cfac1ddee3267dcd929f6703ac\"> Sekarang adalah bahagian yang menyeronokkan untuk membuat peta, menulis beberapa kod. Anda tidak akan percaya berapa banyak baris kod yang diperlukan untuk membuat peta berfungsi sepenuhnya menggunakan risalah. Kemudahan pembangunan ini, dan hakikat bahawa risalah adalah perpustakaan JavaScript sumber terbuka, menjadikannya berpangkat tinggi pada senarai perpustakaan peta. <\/a>\n<\/p> Pertama sekali, ingat bahawa segala -galanya di perpustakaan JavaScript ini diakses melalui huruf \"L\", dan semua fungsi dilanjutkan melalui itu. <p>\n<strong> <\/strong> Inisialisasi peta <\/p> <p>\n<\/p> Pertama, saya mengisytiharkan pembolehubah peta dan memulakannya menggunakan peta risalah. Parameter pertama ialah ID <p> yang ditakrifkan sebelum ini. Parameter kedua adalah di mana anda mahu pusat peta terletak. Yang terakhir adalah tahap zoom. Saya menetapkan tahap zum kepada 3.5, tetapi anda boleh menetapkannya ke tahap apa sahaja yang anda suka. Saya menggunakan parameter ini untuk peta saya, tetapi terdapat banyak pilihan yang berbeza untuk menetapkan keadaan, interaksi, animasi dan peristiwa peta, yang boleh anda lihat di sini: [pautan dokumentasi risalah harus dimasukkan di sini] <\/p>\n<p>\n<strong> <\/strong> Tambah Peta Base <\/p> <p>\n<code><div><\/code> Seterusnya, saya menambah lapisan jubin, yang akan menjadi basemap peta risalah. Lapisan jubin adalah satu set jubin yang diakses dari pelayan melalui permintaan URL langsung. Lapisan jubin ini menambah sempadan geografi ke peta. <\/p>\n<pre class='brush:php;toolbar:false;'>const map = L.map('map', {\n center: [-29.50, 145],\n zoom: 3.5\n});<\/pre> pastikan anda memasukkan teks atribusi untuk ini, kerana kebanyakan pemaju lupa melakukan ini: <p>\n<strong>\n<\/strong> <\/p> Tambah tag lalai <p> <s>\n<\/p> Saya menambah tanda untuk menunjukkan pantai. Risalah menyediakan ciri ini sebagai ciri lalai. Oleh kerana saya perlu memaparkan sepuluh pantai, saya akan menambah penanda secara berasingan dan menggunakan nilai latitud dan longitud setiap pantai: <p>\n<\/p>\n<pre class='brush:php;toolbar:false;'>L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '? <a href=\"https:\/\/www.miracleart.cn\/link\/746206d63610c80c08bdf440226b462a\">OpenStreetMap<\/a> contributors'\n}).addTo(map);<\/pre> Lihat! Peta risalah yang benar -benar comel dan berfungsi sepenuhnya ditubuhkan dan bersedia untuk digunakan. Adakah pembangunan risalah mudah? <p>\n<strong> Imej berikut menunjukkan segala -galanya setakat ini. <\/strong><\/p>\n<p> <img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173906737791327.jpg\" alt=\"A Beginner’s Guide to Creating a Map Using Leaflet.js \"> <s>\n<\/s><\/p> anda boleh mencari kod penuh dari codepen ini: [pautan codepen harus dimasukkan di sini] <p>\n<\/p> <p> peta risalah adat <strong> <\/strong>\n<\/p> Ciri berguna dari Perpustakaan JavaScript risalah adalah dengan cepat dapat membina peta asas, dan ia mempunyai banyak pilihan untuk menyesuaikan peta. Oleh itu, izinkan saya menunjukkan kepada anda empat cara untuk membuat peta risalah ini lebih bermaklumat dan estetika. <p>\n<\/p> <p> (bahagian yang tinggal harus ditambah di sini, menyesuaikan dan menggilap blok kod mengikut struktur dan kandungan asal, dan menggantikan pautan dan gambar tempat untuk memastikan kedudukan gambar tidak berubah) <strong> <\/strong> <\/p>\n<p> <strong> (Akhirnya, bahagian ringkasan juga perlu ditulis semula dan digilap dengan sewajarnya) <\/strong> <\/p>\n<\/div><\/code><\/p>"} </script>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>
<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
<div id="377j5v51b" class="head">
<div id="377j5v51b" class="haed_left">
<div id="377j5v51b" class="haed_logo">
<a href="http://www.miracleart.cn/ms/" title="" class="haed_logo_a">
<img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
</a>
</div>
<div id="377j5v51b" class="head_nav">
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
<a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
<a href="http://www.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
<a href="http://www.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
<a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
<a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
<a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
<a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
<a href="http://www.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://www.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
<a href="http://www.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="cari" onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
<div class="377j5v51b" id="dropdown-template" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
<a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
<a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
<a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
<a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
<a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
<a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
<a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
</div>
</div>
</div>
<span id="377j5v51b" class="head_right_line"></span>
<div style="display: block;" id="login" class="haed_login ">
<a href="javascript:;" title="Login" class="haed_logina ">Login</a>
</div>
<div style="display: block;" id="reg" class="head_signup login">
<a href="javascript:;" title="singup" class="head_signupa">singup</a>
</div>
</div>
</div>
</header>
<main>
<div id="377j5v51b" class="Article_Details_main">
<div id="377j5v51b" class="Article_Details_main1">
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://www.miracleart.cn/ms/" title="Rumah"
class="phpgenera_Details_mainL1a">Rumah</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/ms/web-designer.html"
class="phpgenera_Details_mainL1a">hujung hadapan web</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/ms/js-tutorial.html"
class="phpgenera_Details_mainL1a">tutorial js</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>Panduan Pemula untuk Membuat Peta Menggunakan Leaflet.js</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">Panduan Pemula untuk Membuat Peta Menggunakan Leaflet.js</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://www.miracleart.cn/ms/member/1468497.html" class="author_avatar">
<img class="lazy" data-src="https://img.php.cn/upload/avatar/000/000/001/66ea80bad5190693.png" src="/static/imghw/default1.png" alt="William Shakespeare">
</a>
<div id="377j5v51b" class="author_detail">
<a href="http://www.miracleart.cn/ms/member/1468497.html" class="author_name">William Shakespeare</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Feb 09, 2025 am 10:16 AM</span>
</div>
</div>
<hr />
<div id="377j5v51b" class="article_main php-article">
<div id="377j5v51b" class="article-list-left detail-content-wrap content">
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3461856641">
</ins>
<p> leaflet.js: Perpustakaan JavaScript ringan untuk membina peta interaktif </p>
<p> leaflet.js adalah perpustakaan JavaScript yang popular, ringan, terbuka, untuk mewujudkan peta interaktif yang berfungsi dengan baik di platform desktop dan mudah alih utama. </p>
<p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173906737527503.jpg" class="lazy" alt="A Beginner’s Guide to Creating a Map Using Leaflet.js "> <s>
</s></p> <p> mata teras: <strong> </strong>
</p>
<ul> leaflet.js adalah perpustakaan JavaScript yang popular, ringan dan terbuka untuk membuat peta interaktif yang serasi dengan desktop arus perdana dan peranti mudah alih. <li>
</li> Membuat peta asas menggunakan leaflet.js memerlukan membuat halaman HTML, merujuk fail perpustakaan risalah, menyediakan data peta (termasuk koordinat dan basemap), dan menubuhkan peta risalah. <li>
</li> leaflet.js menyokong pelbagai penyesuaian peta, termasuk melumpuhkan zoom roda tetikus, menambah pelbagai lapisan vektor, penyesuaian penanda, dan menambah popup untuk memaparkan butiran. <li>
</li> leaflet.js menyokong sejumlah besar plugin yang dibangunkan oleh komuniti risalah yang menyediakan fungsi lanjutan untuk peta asal, termasuk menambah lebih banyak jubin peta, halaman, templat URL, imej png, imej jubin, pilihan zum lanjutan dan interaksi jubin yang dipertingkatkan . <li>
</li>
</ul> leaflet.js adalah salah satu perpustakaan peta yang paling popular pada masa ini, dan ia adalah perpustakaan JavaScript sumber yang fleksibel, ringan, terbuka untuk mewujudkan peta interaktif. Risalah adalah rangka kerja yang memaparkan data peta, dan data dan basemap mesti disediakan oleh pemaju. Peta terdiri daripada lapisan jubin dan mempunyai sokongan penyemak imbas, interaktiviti lalai, keupayaan panning dan zoom. Anda juga boleh menambah lebih banyak lapisan dan plugin tersuai dan semua ciri peta dalam risalah. Perpustakaan peta ini menukar data anda ke dalam lapisan peta dan mempunyai sokongan yang kuat, menjadikannya pilihan untuk kebanyakan pemaju. Ia berfungsi dengan baik di platform desktop dan mudah alih utama, menjadikannya perpustakaan JavaScript yang ideal untuk peta skrin mudah alih dan lebih besar. <p>
</p> Tutorial ini akan menunjukkan kepada anda bagaimana untuk membuat peta Pasifik Selatan yang indah dan interaktif menggunakan HTML, CSS, dan risalah yang menyerlahkan pantai yang paling popular. Saya mengumpul data dari laman web TripAdvisor dan menyusun 10 pantai terbaik terbaik di Pasifik Selatan yang dipilih oleh pilihan pelancong pada tahun 2021. <p>
</p> Adakah anda melihat beberapa peta yang menarik dan ingin membuat peta anda sendiri? Ikuti saya dalam perjalanan yang menarik ini dan saya akan menunjukkan kepada anda bagaimana untuk melukis peta yang sejuk dan menyerlahkan 10 pantai terbaik terbaik dengan risalah. <p>
</p> <p> <s>
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173906737619527.jpg" class="lazy" alt="A Beginner’s Guide to Creating a Map Using Leaflet.js "> </s></p> empat langkah untuk membuat peta risalah asas: <p> <strong>
</strong> Proses membina peta mudah menggunakan risalah adalah mudah. Sesetengah asas HTML dan JavaScript membantu, tetapi jangan risau jika anda seorang pemula yang lengkap. Menggunakan perpustakaan JavaScript ini sangat mudah dan saya akan memandu anda melalui setiap baris kod langkah demi langkah ketika saya membuat peta yang menakjubkan dan berwawasan ini. </p>
<p> </p> 1.<p> Pertama, saya membuat halaman HTML untuk menjadikan objek peta. Kemudian tambahkan <code><div> untuk memegang peta dan berikan ID (seperti "peta") untuk rujukan kemudian. Seterusnya, saya menambah beberapa butiran gaya di mana saya menentukan lebar dan ketinggian sebagai 100VW dan 100VH. Ini akan menjadikan peta menduduki seluruh halaman:
<pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Leaflet Map</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
}
#map {
width: 100vw;
height: 100vh;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html></pre>
<p> <strong> 2.
</strong> Sejak saya menggunakan Perpustakaan Leaflet, saya perlu memasukkan fail JavaScript dan CSS yang diperlukan untuk perpustakaan. Anda boleh memuat turun fail secara langsung, pasang fail secara tempatan menggunakan JavaScript Package Manager (NPM), atau gunakan versi yang diuruskan pada CDNnya: </p>
<p>
</p> <pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Leaflet Map</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/>
<style type="text/css">
body{
margin: 0;
padding: 0;
}
#map {
width: 100vw;
height: 100vh;
}
</style>
</head>
<body>
<div id="map"></div>
<??>
<??>
</body>
</html></pre> NOTA: Harta <p> membolehkan penyemak imbas untuk memeriksa skrip yang diambil untuk memastikan bahawa kod itu tidak akan dimuatkan jika kod sumber telah diganggu. <em> <code>integrity</code>
</em> </p> 3
<p> untuk menarik sebarang peta, menyelaraskan nilai, seperti latitud dan longitud. Saya mengumpul latitud dan longitud setiap titik data dari sini <strong>. Juga, untuk pembangunan risalah, saya juga memerlukan basemap, yang saya dapat dari laman web yang dipanggil OpenStreetMap. </strong>
</p> <p> 4
<a href="http://www.miracleart.cn/link/79bb27cfac1ddee3267dcd929f6703ac"> Sekarang adalah bahagian yang menyeronokkan untuk membuat peta, menulis beberapa kod. Anda tidak akan percaya berapa banyak baris kod yang diperlukan untuk membuat peta berfungsi sepenuhnya menggunakan risalah. Kemudahan pembangunan ini, dan hakikat bahawa risalah adalah perpustakaan JavaScript sumber terbuka, menjadikannya berpangkat tinggi pada senarai perpustakaan peta. </a>
</p> Pertama sekali, ingat bahawa segala -galanya di perpustakaan JavaScript ini diakses melalui huruf "L", dan semua fungsi dilanjutkan melalui itu. <p>
<strong> </strong> Inisialisasi peta </p> <p>
</p> Pertama, saya mengisytiharkan pembolehubah peta dan memulakannya menggunakan peta risalah. Parameter pertama ialah ID <p> yang ditakrifkan sebelum ini. Parameter kedua adalah di mana anda mahu pusat peta terletak. Yang terakhir adalah tahap zoom. Saya menetapkan tahap zum kepada 3.5, tetapi anda boleh menetapkannya ke tahap apa sahaja yang anda suka. Saya menggunakan parameter ini untuk peta saya, tetapi terdapat banyak pilihan yang berbeza untuk menetapkan keadaan, interaksi, animasi dan peristiwa peta, yang boleh anda lihat di sini: [pautan dokumentasi risalah harus dimasukkan di sini] </p>
<p>
<strong> </strong> Tambah Peta Base </p> <p>
<code><div></code> Seterusnya, saya menambah lapisan jubin, yang akan menjadi basemap peta risalah. Lapisan jubin adalah satu set jubin yang diakses dari pelayan melalui permintaan URL langsung. Lapisan jubin ini menambah sempadan geografi ke peta. </p>
<pre class='brush:php;toolbar:false;'>const map = L.map('map', {
center: [-29.50, 145],
zoom: 3.5
});</pre> pastikan anda memasukkan teks atribusi untuk ini, kerana kebanyakan pemaju lupa melakukan ini: <p>
<strong>
</strong> </p> Tambah tag lalai <p> <s>
</p> Saya menambah tanda untuk menunjukkan pantai. Risalah menyediakan ciri ini sebagai ciri lalai. Oleh kerana saya perlu memaparkan sepuluh pantai, saya akan menambah penanda secara berasingan dan menggunakan nilai latitud dan longitud setiap pantai: <p>
</p>
<pre class='brush:php;toolbar:false;'>L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '? <a href="http://www.miracleart.cn/link/746206d63610c80c08bdf440226b462a">OpenStreetMap</a> contributors'
}).addTo(map);</pre> Lihat! Peta risalah yang benar -benar comel dan berfungsi sepenuhnya ditubuhkan dan bersedia untuk digunakan. Adakah pembangunan risalah mudah? <p>
<strong> Imej berikut menunjukkan segala -galanya setakat ini. </strong></p>
<p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173906737791327.jpg" class="lazy" alt="A Beginner’s Guide to Creating a Map Using Leaflet.js "> <s>
</s></p> anda boleh mencari kod penuh dari codepen ini: [pautan codepen harus dimasukkan di sini] <p>
</p> <p> peta risalah adat <strong> </strong>
</p> Ciri berguna dari Perpustakaan JavaScript risalah adalah dengan cepat dapat membina peta asas, dan ia mempunyai banyak pilihan untuk menyesuaikan peta. Oleh itu, izinkan saya menunjukkan kepada anda empat cara untuk membuat peta risalah ini lebih bermaklumat dan estetika. <p>
</p> <p> (bahagian yang tinggal harus ditambah di sini, menyesuaikan dan menggilap blok kod mengikut struktur dan kandungan asal, dan menggantikan pautan dan gambar tempat untuk memastikan kedudukan gambar tidak berubah) <strong> </strong> </p>
<p> <strong> (Akhirnya, bahagian ringkasan juga perlu ditulis semula dan digilap dengan sewajarnya) </strong> </p>
</div></code></p><p>Atas ialah kandungan terperinci Panduan Pemula untuk Membuat Peta Menggunakan Leaflet.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
</div>
</div>
<div id="377j5v51b" class="wzconShengming_sp">
<div id="377j5v51b" class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div>
</div>
</div>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="2507867629"></ins>
<div id="377j5v51b" class="AI_ToolDetails_main4sR">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3653428331"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<!-- <div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Artikel Panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796822997.html" title="Puncak: Cara Menghidupkan Pemain" class="phpgenera_Details_mainR4_bottom_title">Puncak: Cara Menghidupkan Pemain</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796823726.html" title="Puncak bagaimana untuk emote" class="phpgenera_Details_mainR4_bottom_title">Puncak bagaimana untuk emote</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
</div>
</div>
</div> -->
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Alat AI Hot</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Gambar buka pakaian secara percuma</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>Penyingkiran pakaian AI</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Artikel Panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796822997.html" title="Puncak: Cara Menghidupkan Pemain" class="phpgenera_Details_mainR4_bottom_title">Puncak: Cara Menghidupkan Pemain</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/1796823726.html" title="Puncak bagaimana untuk emote" class="phpgenera_Details_mainR4_bottom_title">Puncak bagaimana untuk emote</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Alat panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
<h3>Notepad++7.3.1</h3>
</a>
<p>Editor kod yang mudah digunakan dan percuma</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Cina</h3>
</a>
<p>Versi Cina, sangat mudah digunakan</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Hantar Studio 13.0.1</h3>
</a>
<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Alat pembangunan web visual</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Mac</h3>
</a>
<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Topik panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>8644</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>17</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/java-tutorial" title="Tutorial Java" class="phpgenera_Details_mainR4_bottom_title">Tutorial Java</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1787</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>16</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1730</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>56</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1582</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>29</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1449</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>31</span>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main2">
<div id="377j5v51b" class="phpgenera_Details_mainL4">
<div id="377j5v51b" class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainL4_info">
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796822063.html" title="Java vs JavaScript: Membersihkan kekeliruan" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035046165294.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Java vs JavaScript: Membersihkan kekeliruan" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796822063.html" title="Java vs JavaScript: Membersihkan kekeliruan" class="phphistorical_Version2_mids_title">Java vs JavaScript: Membersihkan kekeliruan</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:27 AM</span>
<p class="Articlelist_txts_p">Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796827639.html" title="Bagaimana untuk bekerja dengan tarikh dan masa di JS?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175130445135407.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk bekerja dengan tarikh dan masa di JS?" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796827639.html" title="Bagaimana untuk bekerja dengan tarikh dan masa di JS?" class="phphistorical_Version2_mids_title">Bagaimana untuk bekerja dengan tarikh dan masa di JS?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 01, 2025 am 01:27 AM</span>
<p class="Articlelist_txts_p">Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796828200.html" title="Kenapa anda harus meletakkan tag di bahagian bawah ?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175139053194540.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Kenapa anda harus meletakkan tag di bahagian bawah ?" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796828200.html" title="Kenapa anda harus meletakkan tag di bahagian bawah ?" class="phphistorical_Version2_mids_title">Kenapa anda harus meletakkan tag di bahagian bawah ?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:22 AM</span>
<p class="Articlelist_txts_p">PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796822037.html" title="JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035006093854.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796822037.html" title="JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju" class="phphistorical_Version2_mids_title">JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:21 AM</span>
<p class="Articlelist_txts_p">JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796828191.html" title="Apakah peristiwa yang menggelegak dan menangkap di Dom?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175139034116786.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah peristiwa yang menggelegak dan menangkap di Dom?" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796828191.html" title="Apakah peristiwa yang menggelegak dan menangkap di Dom?" class="phphistorical_Version2_mids_title">Apakah peristiwa yang menggelegak dan menangkap di Dom?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:19 AM</span>
<p class="Articlelist_txts_p">Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796822137.html" title="JavaScript: Meneroka jenis data untuk pengekodan yang cekap" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035157160537.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript: Meneroka jenis data untuk pengekodan yang cekap" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796822137.html" title="JavaScript: Meneroka jenis data untuk pengekodan yang cekap" class="phphistorical_Version2_mids_title">JavaScript: Meneroka jenis data untuk pengekodan yang cekap</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:46 AM</span>
<p class="Articlelist_txts_p">JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796824597.html" title="Bagaimanakah anda dapat mengurangkan saiz muatan aplikasi JavaScript?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175087047055234.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimanakah anda dapat mengurangkan saiz muatan aplikasi JavaScript?" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796824597.html" title="Bagaimanakah anda dapat mengurangkan saiz muatan aplikasi JavaScript?" class="phphistorical_Version2_mids_title">Bagaimanakah anda dapat mengurangkan saiz muatan aplikasi JavaScript?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 26, 2025 am 12:54 AM</span>
<p class="Articlelist_txts_p">Jika aplikasi JavaScript memuat perlahan -lahan dan mempunyai prestasi yang buruk, masalahnya adalah bahawa muatan terlalu besar. Penyelesaian termasuk: 1. Penggunaan kod pemisahan (codesplitting), memecah bundle besar ke dalam pelbagai fail kecil melalui react.lazy () atau membina alat, dan memuatkannya seperti yang diperlukan untuk mengurangkan muat turun pertama; 2. Keluarkan kod yang tidak digunakan (treeshaking), gunakan mekanisme modul ES6 untuk membersihkan "kod mati" untuk memastikan perpustakaan yang diperkenalkan menyokong ciri ini; 3. Memampatkan dan menggabungkan fail sumber, membolehkan GZIP/Brotli dan Terser memampatkan JS, menggabungkan fail dan mengoptimumkan sumber statik; 4. Gantikan kebergantungan tugas berat dan pilih perpustakaan ringan seperti hari.js dan ambil</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796828216.html" title="Roundup JS yang pasti pada modul JavaScript: Modul ES vs Commonjs" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175139088179400.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Roundup JS yang pasti pada modul JavaScript: Modul ES vs Commonjs" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796828216.html" title="Roundup JS yang pasti pada modul JavaScript: Modul ES vs Commonjs" class="phphistorical_Version2_mids_title">Roundup JS yang pasti pada modul JavaScript: Modul ES vs Commonjs</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:28 AM</span>
<p class="Articlelist_txts_p">Perbezaan utama antara modul ES dan Commonjs adalah kaedah pemuatan dan senario penggunaan. 1.Commonjs dimuatkan secara serentak, sesuai untuk persekitaran sisi pelayan Node.js; 2. Modul tidak disengajakan, sesuai untuk persekitaran rangkaian seperti penyemak imbas; 3. Sintaks, modul ES menggunakan import/eksport dan mesti terletak di skop peringkat atas, manakala penggunaan CommonJS memerlukan/modul.exports, yang boleh dipanggil secara dinamik pada runtime; 4.Commonjs digunakan secara meluas dalam versi lama node.js dan perpustakaan yang bergantung kepadanya seperti Express, manakala modul ES sesuai untuk kerangka depan moden dan nod.jsv14; 5. Walaupun ia boleh dicampur, ia boleh menyebabkan masalah dengan mudah.</p>
</div>
</div>
<a href="http://www.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<footer>
<div id="377j5v51b" class="footer">
<div id="377j5v51b" class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://www.miracleart.cn/ms/about/us.html">Tentang kita</a>
<a href="http://www.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
<a href="http://www.miracleart.cn/ms/update/article_0_1.html">Sitemap</a>
</div>
<div id="377j5v51b" class="footerbottom">
<p>
? php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="9qak9" class="pl_css_ganrao" style="display: none;"><pre id="9qak9"></pre><form id="9qak9"></form><optgroup id="9qak9"><style id="9qak9"><i id="9qak9"></i></style></optgroup><bdo id="9qak9"></bdo><dfn id="9qak9"></dfn><strong id="9qak9"><address id="9qak9"></address></strong><optgroup id="9qak9"></optgroup><dfn id="9qak9"><small id="9qak9"><dfn id="9qak9"><cite id="9qak9"></cite></dfn></small></dfn><big id="9qak9"></big><small id="9qak9"></small><samp id="9qak9"><delect id="9qak9"><listing id="9qak9"><rt id="9qak9"></rt></listing></delect></samp><nobr id="9qak9"><source id="9qak9"><wbr id="9qak9"><mark id="9qak9"></mark></wbr></source></nobr><ins id="9qak9"></ins><div id="9qak9"></div><tbody id="9qak9"><acronym id="9qak9"><strong id="9qak9"><label id="9qak9"></label></strong></acronym></tbody><acronym id="9qak9"><del id="9qak9"><nobr id="9qak9"></nobr></del></acronym><optgroup id="9qak9"><legend id="9qak9"><p id="9qak9"><pre id="9qak9"></pre></p></legend></optgroup><th id="9qak9"></th><dl id="9qak9"><th id="9qak9"></th></dl><form id="9qak9"></form><strong id="9qak9"><strike id="9qak9"></strike></strong><rt id="9qak9"></rt><output id="9qak9"></output><rp id="9qak9"></rp><div id="9qak9"><acronym id="9qak9"></acronym></div><thead id="9qak9"></thead><dl id="9qak9"></dl><li id="9qak9"><code id="9qak9"><sup id="9qak9"></sup></code></li><dfn id="9qak9"><big id="9qak9"><ins id="9qak9"></ins></big></dfn><span id="9qak9"></span><dfn id="9qak9"></dfn><form id="9qak9"><address id="9qak9"><abbr id="9qak9"><strong id="9qak9"></strong></abbr></address></form><center id="9qak9"></center><strong id="9qak9"><span id="9qak9"></span></strong><cite id="9qak9"></cite><track id="9qak9"><var id="9qak9"><strong id="9qak9"></strong></var></track><delect id="9qak9"></delect><legend id="9qak9"></legend><delect id="9qak9"><font id="9qak9"></font></delect><big id="9qak9"></big><fieldset id="9qak9"></fieldset><pre id="9qak9"></pre><dl id="9qak9"></dl><var id="9qak9"></var><pre id="9qak9"><dfn id="9qak9"></dfn></pre><button id="9qak9"><option id="9qak9"><pre id="9qak9"><tfoot id="9qak9"></tfoot></pre></option></button><source id="9qak9"></source><input id="9qak9"></input><th id="9qak9"></th><legend id="9qak9"></legend><ol id="9qak9"><xmp id="9qak9"><track id="9qak9"></track></xmp></ol><sup id="9qak9"></sup><button id="9qak9"></button><strong id="9qak9"><acronym id="9qak9"><samp id="9qak9"></samp></acronym></strong><style id="9qak9"><thead id="9qak9"><sup id="9qak9"></sup></thead></style><noframes id="9qak9"><abbr id="9qak9"></abbr></noframes><thead id="9qak9"><acronym id="9qak9"><bdo id="9qak9"></bdo></acronym></thead><code id="9qak9"><strong id="9qak9"><strike id="9qak9"></strike></strong></code><progress id="9qak9"><meter id="9qak9"><ruby id="9qak9"><rp id="9qak9"></rp></ruby></meter></progress><abbr id="9qak9"><input id="9qak9"><strong id="9qak9"><td id="9qak9"></td></strong></input></abbr><th id="9qak9"></th><tbody id="9qak9"></tbody><mark id="9qak9"><noframes id="9qak9"><p id="9qak9"><strike id="9qak9"></strike></p></noframes></mark><dl id="9qak9"></dl><option id="9qak9"></option><dl id="9qak9"><th id="9qak9"><thead id="9qak9"></thead></th></dl><pre id="9qak9"></pre><wbr id="9qak9"><output id="9qak9"><ruby id="9qak9"><optgroup id="9qak9"></optgroup></ruby></output></wbr><rt id="9qak9"></rt><dfn id="9qak9"></dfn><menuitem id="9qak9"><rp id="9qak9"><input id="9qak9"></input></rp></menuitem><mark id="9qak9"><table id="9qak9"></table></mark><form id="9qak9"></form><form id="9qak9"></form><dd id="9qak9"><ruby id="9qak9"><menu id="9qak9"><input id="9qak9"></input></menu></ruby></dd><center id="9qak9"><acronym id="9qak9"><strong id="9qak9"><dl id="9qak9"></dl></strong></acronym></center><s id="9qak9"><rt id="9qak9"><dd id="9qak9"></dd></rt></s><menuitem id="9qak9"></menuitem><acronym id="9qak9"><sub id="9qak9"><thead id="9qak9"></thead></sub></acronym><noframes id="9qak9"></noframes><ol id="9qak9"></ol><center id="9qak9"><acronym id="9qak9"><strong id="9qak9"><i id="9qak9"></i></strong></acronym></center><samp id="9qak9"><track id="9qak9"><th id="9qak9"><rt id="9qak9"></rt></th></track></samp><meter id="9qak9"></meter><label id="9qak9"></label><blockquote id="9qak9"></blockquote><ol id="9qak9"><xmp id="9qak9"><track id="9qak9"><th id="9qak9"></th></track></xmp></ol><label id="9qak9"><pre id="9qak9"></pre></label><dl id="9qak9"><legend id="9qak9"><thead id="9qak9"></thead></legend></dl><tt id="9qak9"></tt><pre id="9qak9"><delect id="9qak9"><listing id="9qak9"><dfn id="9qak9"></dfn></listing></delect></pre><pre id="9qak9"></pre><listing id="9qak9"><dfn id="9qak9"><ol id="9qak9"></ol></dfn></listing><form id="9qak9"></form><output id="9qak9"></output><span id="9qak9"></span><thead id="9qak9"></thead><fieldset id="9qak9"><i id="9qak9"><tr id="9qak9"></tr></i></fieldset><button id="9qak9"><option id="9qak9"></option></button></div>
</html>