<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh-Hant-TW">
	<id>http://urclass.net/wellBeingNg/index.php?action=history&amp;feed=atom&amp;title=%E8%A8%8E%E8%AB%96%3ALeaflet.js</id>
	<title>討論:Leaflet.js - 修訂歷史</title>
	<link rel="self" type="application/atom+xml" href="http://urclass.net/wellBeingNg/index.php?action=history&amp;feed=atom&amp;title=%E8%A8%8E%E8%AB%96%3ALeaflet.js"/>
	<link rel="alternate" type="text/html" href="http://urclass.net/wellBeingNg/index.php?title=%E8%A8%8E%E8%AB%96:Leaflet.js&amp;action=history"/>
	<updated>2026-05-07T04:21:33Z</updated>
	<subtitle>本 Wiki 上此頁面的修訂歷史</subtitle>
	<generator>MediaWiki 1.35.14</generator>
	<entry>
		<id>http://urclass.net/wellBeingNg/index.php?title=%E8%A8%8E%E8%AB%96:Leaflet.js&amp;diff=13156&amp;oldid=prev</id>
		<title>丁志仁 於 2023年2月23日 (四) 00:39</title>
		<link rel="alternate" type="text/html" href="http://urclass.net/wellBeingNg/index.php?title=%E8%A8%8E%E8%AB%96:Leaflet.js&amp;diff=13156&amp;oldid=prev"/>
		<updated>2023-02-23T00:39:19Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;zh-Hant-TW&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;←上個修訂&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;於 2023年2月23日 (四) 00:39 的修訂&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot; &gt;第1行：&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;第1行：&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[分類:OpenStreetMap]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[分類:OpenStreetMap]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;使用 python &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;生成地圖示範程式：&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;使用 python &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;生成地圖示範程式二：&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===安裝 jupyter ===&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===安裝 jupyter ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wbn:diff::1.12:old-13124:rev-13156 --&gt;
&lt;/table&gt;</summary>
		<author><name>丁志仁</name></author>
	</entry>
	<entry>
		<id>http://urclass.net/wellBeingNg/index.php?title=%E8%A8%8E%E8%AB%96:Leaflet.js&amp;diff=13124&amp;oldid=prev</id>
		<title>丁志仁：​新頁面: 分類:OpenStreetMap 使用 python 生成地圖示範程式：  ===安裝 jupyter === *打開終端機，安裝jupyter指令：&#039;&#039;&#039;!pip install folium&#039;&#039;&#039;。（MAC 使用者不用加...</title>
		<link rel="alternate" type="text/html" href="http://urclass.net/wellBeingNg/index.php?title=%E8%A8%8E%E8%AB%96:Leaflet.js&amp;diff=13124&amp;oldid=prev"/>
		<updated>2023-02-21T05:39:43Z</updated>

		<summary type="html">&lt;p&gt;新頁面: &lt;a href=&quot;/wellBeingNg/index.php?title=%E5%88%86%E9%A1%9E:OpenStreetMap&quot; title=&quot;分類:OpenStreetMap&quot;&gt;分類:OpenStreetMap&lt;/a&gt; 使用 python 生成地圖示範程式：  ===安裝 jupyter === *打開終端機，安裝jupyter指令：&amp;#039;&amp;#039;&amp;#039;!pip install folium&amp;#039;&amp;#039;&amp;#039;。（MAC 使用者不用加...&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新頁面&lt;/b&gt;&lt;/p&gt;&lt;div&gt;[[分類:OpenStreetMap]]&lt;br /&gt;
使用 python 生成地圖示範程式：&lt;br /&gt;
&lt;br /&gt;
===安裝 jupyter ===&lt;br /&gt;
*打開終端機，安裝jupyter指令：&amp;#039;&amp;#039;&amp;#039;!pip install folium&amp;#039;&amp;#039;&amp;#039;。（MAC 使用者不用加「!」）&lt;br /&gt;
*打開終端機，安裝jupyter指令：&amp;#039;&amp;#039;&amp;#039;!pip install notebook&amp;#039;&amp;#039;&amp;#039;。（MAC 使用者不用加「!」）&lt;br /&gt;
*打開終端機，執行jupyter指令：&amp;#039;&amp;#039;&amp;#039;jupyter notebook&amp;#039;&amp;#039;&amp;#039;，安裝完成 jupyter 將會開啟瀏覽器。&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_初始介面.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===使用方式：===&lt;br /&gt;
*如何新增 python 檔案。&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_新增py.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&lt;br /&gt;
*程式碼編輯介面。&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_程式碼編輯介面.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===我的地圖===&lt;br /&gt;
*應用 Python 讀取 csv&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_顯示地標.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
import folium&lt;br /&gt;
import pandas as pd&lt;br /&gt;
&lt;br /&gt;
# 讀取 CSV 檔案&lt;br /&gt;
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
# 連接 map&lt;br /&gt;
m = folium. Map (location= [data [&amp;#039;Latitude&amp;#039;].mean(), data[&amp;#039;Longitude&amp;#039;].mean ()], zoom_start=14)&lt;br /&gt;
&lt;br /&gt;
# 增加 markers&lt;br /&gt;
for i in range(0, len(data)):&lt;br /&gt;
    folium.Marker ([data.iloc [i][&amp;#039;Latitude&amp;#039;], data.iloc[i][&amp;#039;Longitude&amp;#039;]], popup=data.iloc [i][&amp;#039;Name&amp;#039;]).add_to (m)&lt;br /&gt;
&lt;br /&gt;
# 展示在 map&lt;br /&gt;
m&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
*如何變化標記：將標記改變成紅色圈。&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_改變標記01.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
import folium&lt;br /&gt;
import pandas as pd&lt;br /&gt;
&lt;br /&gt;
# 讀取 CSV 檔案&lt;br /&gt;
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
# 連接 map&lt;br /&gt;
m = folium. Map (location= [data [&amp;#039;Latitude&amp;#039;].mean(), data[&amp;#039;Longitude&amp;#039;].mean ()], zoom_start=15)&lt;br /&gt;
&lt;br /&gt;
# 增加 markers&lt;br /&gt;
for i in range(0, len(data)):&lt;br /&gt;
    &lt;br /&gt;
    folium.CircleMarker ([data.iloc [i][&amp;#039;Latitude&amp;#039;], data.iloc[i][&amp;#039;Longitude&amp;#039;]],&lt;br /&gt;
    radius=5,&lt;br /&gt;
    color=&amp;#039;red&amp;#039;,&lt;br /&gt;
    fill=True,&lt;br /&gt;
    fi11_color=&amp;#039;red&amp;#039;,&lt;br /&gt;
    popup=data.iloc [i][&amp;#039;Name&amp;#039;]).add_to (m)&lt;br /&gt;
&lt;br /&gt;
# 展示在 map&lt;br /&gt;
m&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
*如何變化標記：將標記改變成藍色圈且放大。&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_改變標記02.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
import folium&lt;br /&gt;
import pandas as pd&lt;br /&gt;
&lt;br /&gt;
# 讀取 CSV 檔案&lt;br /&gt;
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
# 連接 map&lt;br /&gt;
m = folium. Map (location= [data [&amp;#039;Latitude&amp;#039;].mean(), data[&amp;#039;Longitude&amp;#039;].mean ()], zoom_start=15)&lt;br /&gt;
&lt;br /&gt;
# 增加 markers&lt;br /&gt;
for i in range(0, len(data)):&lt;br /&gt;
    folium.CircleMarker ([data.iloc [i][&amp;#039;Latitude&amp;#039;], data.iloc[i][&amp;#039;Longitude&amp;#039;]],&lt;br /&gt;
    radius=8,&lt;br /&gt;
    color=&amp;#039;blue&amp;#039;,&lt;br /&gt;
    fill=True,&lt;br /&gt;
    fi11_color=&amp;#039;blue&amp;#039;,&lt;br /&gt;
    popup=data.iloc [i][&amp;#039;Name&amp;#039;]).add_to (m)&lt;br /&gt;
&lt;br /&gt;
# 展示在 map&lt;br /&gt;
m&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
*將程式轉換成網頁&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_網頁儲存.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&amp;lt;img src=&amp;#039;http://jendo.org/~游士賢/使用說明/jupyter/jupyter_網頁.png&amp;#039; width=&amp;#039;600px&amp;#039; /&amp;gt;&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
import folium&lt;br /&gt;
import pandas as pd&lt;br /&gt;
&lt;br /&gt;
# 讀取 CSV 檔案&lt;br /&gt;
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
# 連接 map&lt;br /&gt;
m = folium. Map (location= [data [&amp;#039;Latitude&amp;#039;].mean(), data[&amp;#039;Longitude&amp;#039;].mean ()], zoom_start=15)&lt;br /&gt;
&lt;br /&gt;
# 增加 markers&lt;br /&gt;
for i in range(0, len(data)):&lt;br /&gt;
    folium.CircleMarker ([data.iloc [i][&amp;#039;Latitude&amp;#039;], data.iloc[i][&amp;#039;Longitude&amp;#039;]],&lt;br /&gt;
    radius=8,&lt;br /&gt;
    color=&amp;#039;blue&amp;#039;,&lt;br /&gt;
    fill=True,&lt;br /&gt;
    fi11_color=&amp;#039;blue&amp;#039;,&lt;br /&gt;
    popup=data.iloc [i][&amp;#039;Name&amp;#039;]).add_to (m)&lt;br /&gt;
&lt;br /&gt;
# 展示在 map&lt;br /&gt;
m&lt;br /&gt;
&lt;br /&gt;
# 將 map 轉換成 網頁&lt;br /&gt;
m.save(&amp;quot;index.html&amp;quot;)&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;/div&gt;</summary>
		<author><name>丁志仁</name></author>
	</entry>
</feed>