用按钮复制
由于您使用的是标记，因此您可以为每个标记添加popup。单击标记图标时将打开弹出窗口。 popup 可以将 html 字符串作为输入，因此您可以使用它来插入复制按钮或类似的东西。
随后，您需要将javascript 复制功能添加到folium html 输出。这可以通过MacroElement 完成。
实现this 将产生以下基本示例：
import folium
import jinja2
location_center = [45.5236, -122.6750]
locations = [[45.5012, -122.6655],[45.5132, -122.6708],[45.5275, -122.6692],[45.5318, -122.6745]]
m = folium.Map(location_center, zoom_start=13)
for location in locations:
folium.Marker(
location=location,
popup = f'<input type="text" value="{location[0]}, {location[1]}" id="myInput"><button onclick="myFunction()">Copy location</button>'
).add_to(m)
el = folium.MacroElement().add_to(m)
el._template = jinja2.Template("""
{% macro script(this, kwargs) %}
function myFunction() {
/* Get the text field */
var copyText = document.getElementById("myInput");
/* Select the text field */
copyText.select();
copyText.setSelectionRange(0, 99999); /* For mobile devices */
/* Copy the text inside the text field */
document.execCommand("copy");
}
{% endmacro %}
""")
display(m)
点击事件复制
如果您希望在单击标记时直接复制经纬度：这也是可以的，但需要 monkey patching 和 Marker 的 jinja template 添加点击事件。需要进行猴子修补，因为标记的模板在 folium 中硬编码。
另外，点击触发的函数可以用MacroElement定义：
import folium
import jinja2
from jinja2 import Template
from folium.map import Marker
tmpldata = """<!-- monkey patched Marker template -->
{% macro script(this, kwargs) %}
var {{ this.get_name() }} = L.marker(
{{ this.location|tojson }},
{{ this.options|tojson }}
).addTo({{ this._parent.get_name() }}).on('click', onClick);
{% endmacro %}
"""
Marker._mytemplate = Template(tmpldata)
def myMarkerInit(self, *args, **kwargs):
self.__init_orig__(*args, **kwargs)
self._template = self._mytemplate
Marker.__init_orig__ = Marker.__init__
Marker.__init__ = myMarkerInit
location_center = [45.5236, -122.6750]
locations = [[45.5012, -122.6655],[45.5132, -122.6708],[45.5275, -122.6692],[45.5318, -122.6745]]
m = folium.Map(location_center, zoom_start=13)
for location in locations: #range(locations.shape[0]):
folium.Marker(
location=location,
popup = f'<p id="latlon">{location[0]}, {location[1]}</p>'
).add_to(m)
el = folium.MacroElement().add_to(m)
el._template = jinja2.Template("""
{% macro script(this, kwargs) %}
function copy(text) {
var input = document.createElement('textarea');
input.innerHTML = text;
document.body.appendChild(input);
input.select();
var result = document.execCommand('copy');
document.body.removeChild(input);
return result;
};
function getInnerText( sel ) {
var txt = '';
$( sel ).contents().each(function() {
var children = $(this).children();
txt += ' ' + this.nodeType === 3 ? this.nodeValue : children.length ? getInnerText( this ) : $(this).text();
});
return txt;
};
function onClick(e) {
var popup = e.target.getPopup();
var content = popup.getContent();
text = getInnerText(content);
copy(text);
};
{% endmacro %}
""")
display(m)
从可拖动标记复制
如果通过在 Marker 对象中设置 draggable=True 来使用可拖动标记，则从弹出窗口中复制硬编码坐标是没有意义的。在这种情况下，您最好从 Marker 对象中检索最新坐标并相应地更新弹出窗口：
import folium
import jinja2
from jinja2 import Template
from folium.map import Marker
tmpldata = """<!-- monkey patched Marker template -->
{% macro script(this, kwargs) %}
var {{ this.get_name() }} = L.marker(
{{ this.location|tojson }},
{{ this.options|tojson }}
).addTo({{ this._parent.get_name() }}).on('click', onClick);
{% endmacro %}
"""
Marker._mytemplate = Template(tmpldata)
def myMarkerInit(self, *args, **kwargs):
self.__init_orig__(*args, **kwargs)
self._template = self._mytemplate
Marker.__init_orig__ = Marker.__init__
Marker.__init__ = myMarkerInit
location_center = [45.5236, -122.6750]
locations = [[45.5012, -122.6655],[45.5132, -122.6708],[45.5275, -122.6692],[45.5318, -122.6745]]
m = folium.Map(location_center, zoom_start=13)
for location in locations: #range(locations.shape[0]):
folium.Marker(
location=location,
popup = f'<p id="latlon">{location[0]}, {location[1]}</p>',
draggable=True
).add_to(m)
el = folium.MacroElement().add_to(m)
el._template = jinja2.Template("""
{% macro script(this, kwargs) %}
function copy(text) {
var input = document.createElement('textarea');
input.innerHTML = text;
document.body.appendChild(input);
input.select();
var result = document.execCommand('copy');
document.body.removeChild(input);
return result;
};
function onClick(e) {
var lat = e.latlng.lat;
var lng = e.latlng.lng;
var newContent = '<p id="latlon">' + lat + ', ' + lng + '</p>';
e.target.setPopupContent(newContent);
copy(lat + ', ' + lng);
};
{% endmacro %}
""")
display(m)