Page 142 - python

116

ื่
ํ
การวนเขาไปในตัวแปร data แตละรอบเพอเขาไปกาหนดคุณลักษณะของมารคเกอร เชน
แสดงผลดวยฟอนต Athiti กําหนดดวยแท็ก <link href="https://fonts.googleapis.com/css?family=
้
ํ
่
ั
Athiti" rel="stylesheet"> จากนันแสดงตรามหาวิทยาลัยมหาสารคาม ดวยคาสง <img src="https://

dsdi.msu.ac.th/images/msu-i.png" style= "width:30px;height:30px;float:left;"/> กาหนดความ
ํ
กวางและสูงของภาพ 30px และกําหนด float:left คือ ตัวอักษรที่พิมพตอจากภาพจะลอยชิดดานบนซาย
ของภาพ จากนั้นแสดงขอความดวยคําสั่ง <h1 style="font-family:'Athiti';font-size:10px">{data.
iloc[i]['name']}</h1> เมื่อ H1 คือแท็ก Heading 1 กําหนดการแสดงผลโดยใชฟอนต Athiti ดวย font-
family:Athiti และขนาดฟอนตดวย font-size:10px และแสดงขอมูลในตัวแปร data ดวยคําสั่ง
{data.iloc[i]['name']} คือขอมูลภายในตัวแปร data ที่คอลัมน name ตัวแปร iframe จะสรางเฟรม

เอกสาร HTML ที่มีความกวาง 140 และสูง 40 ซึ่งจะใชกาหนดขนาด Popup จากนั้นทําการสราง
ํ
Marker โดยกาหนดตัวแปร location=[data.iloc[i]['lat'], data.iloc[i]['lon']] ซึ่งจะนําพกัดในตัวแปร
ิ
ํ
data มาสราง Marker และกําหนด icon คือภาพที่ตองการแสดงดวยคําสั่ง DivIcon() โดยใชแท็ก <svg>
เพอสรางภาพเวคเตอร และภายใน svg ใสภาพดวยแท็ก <image โดยมี hrf="ลิงคของภาพ" โดยแอตทริ
ื่
บิวส height และ width = 50 พิกเซล จากนั้นนํา marker ใสลงในตัวแปร m ดวยคําสั่ง add_to()

10.11 การใชงาน GeoPandas

ู

GeoPandas เปนไลบรารี่ดานการประมวลผลขอมลเชิงพนที่ (Geospatial data) ทําหนาที่
ื้
จัดการขอมูลประเภท geometry data type การติดตั้งทําไดโดยเรียกใชคําสั่ง !pip install geopandas

หรือติดตั้งจากเว็บ https://pypi.org/project/geopandas

ตัวอยางที่ 10.6 การแสดงผลขอมูลภายใน province.shp

%pylab inline
import pandas as pd
import geopandas as gpd

province = gpd.read_file("Province.shp")
province.head(3)

ผลลัพธ

ภาพประกอบที่ 10.15 แสดงรายละเอียดของไฟล province.shp

รายละเอียดของไฟล Province.shp ประกอบดวย 5 คอลัมน โดยมีคอลัมน PROV_NAME_T เปน


ชื่อจังหวัดมีการเขารหัสเปน Windows 874 ทําใหแสดงผลไมถูกตอง จะอธิบายวิธีการแกไขในหัวขอถัดไป
