2017-09-25 33 views
0

地図上にいくつかの地理的位置を表示したいが、地図ピンのアイコンにデフォルトの地図ピンの代わりに番号を表示したい。 これを行う方法はありますか?Foliumのマップマーカーの番号

フォントの素晴らしいアイコンをチェックしましたが、うまくいきませんでした。以下は

私のコードです:

import folium 
m = folium.Map(
    location=[45.3288, -121.6625], 
    zoom_start=12, 
    #tiles='Mapbox Bright' 
) 

folium.Marker([45.3288, -121.6625], popup='<i>Mt. Hood Meadows</i>').add_to(m) 
folium.Marker([45.3311, -121.7113], popup='<b>Timberline Lodge</b>',icon=folium.Icon(color='red')).add_to(m) 
m 

enter image description here

私が欲しいものの代わりに私が代わりにこのようなinfo-sign

何かの私のマーカーで番号を含めるようにしたい、このデフォルトのマップマーカーは次のとおりです。

enter image description here

どこでも答えが見つかりませんでした。この上のすべてのリード?マップマーカーピン

答えて

1

私は最近のプロジェクトに似た何かをしようとしていた、これは私が思い付いたものです内部9に

ディスプレイ番号1。あなたのために働く可能性があります。

これは、htmlでDivConマーカーをプロットし、次に同じ場所に透明円マーカーをプロットします。

import folium 
from folium.features import DivIcon 

m = folium.Map(
    location=[45.3288, -121.6625], 
    zoom_start=12, 
    #tiles='Mapbox Bright' 
) 

p1 = [45.3288, -121.6625] 
folium.Marker(p1, icon=DivIcon(
     icon_size=(150,36), 
     icon_anchor=(7,20), 
     html='<div style="font-size: 18pt; color : black">1</div>', 
     )).add_to(m) 
m.add_child(folium.CircleMarker(p1, radius=15)) 

p2 = [45.3311, -121.7113] 
folium.Marker(p2, icon=DivIcon(
     icon_size=(150,36), 
     icon_anchor=(7,20), 
     html='<div style="font-size: 18pt; color : black">2</div>', 
     )).add_to(m) 
m.add_child(folium.CircleMarker(p2, radius=15)) 

enter image description here