Mapzen 搜索 - 缩放至搜索 Pin
Mapzen Search - Zoom to Search Pin
我正在开发包含 MapZen 地址搜索的 Leaflet 地图。在选择地址并将地图平移到图钉后,我找不到有关如何放大搜索图钉的任何信息。有人知道怎么做吗?
谢谢,
尼克
你看过mapzen.js了吗?这是一个 Leaflet 扩展,提供了一个搜索框,可以自动缩放到所选结果。
Mapzen Leaflet Geocoder(mapzen.js 的一部分)在结果的几何类型为点时默认不提供缩放级别更改。但是,您可以监听 Geocoder 元素触发的事件,执行 setZoom
。您可以在此处查看 Mapzen Leaflet Geocoder 触发的所有事件:https://github.com/mapzen/leaflet-geocoder#events
这是监听 select
事件的示例片段,更改地图的缩放级别。
var map = L.Mapzen.map('map');
map.setView([0,0], 13);
var geocoder = L.Mapzen.geocoder();
geocoder.addTo(map);
var desiredZoomLevel = 17;
wgeocoder.on('select', function (e) {
map.setZoom(desiredZoomLevel);
});
我正在开发包含 MapZen 地址搜索的 Leaflet 地图。在选择地址并将地图平移到图钉后,我找不到有关如何放大搜索图钉的任何信息。有人知道怎么做吗?
谢谢,
尼克
你看过mapzen.js了吗?这是一个 Leaflet 扩展,提供了一个搜索框,可以自动缩放到所选结果。
Mapzen Leaflet Geocoder(mapzen.js 的一部分)在结果的几何类型为点时默认不提供缩放级别更改。但是,您可以监听 Geocoder 元素触发的事件,执行 setZoom
。您可以在此处查看 Mapzen Leaflet Geocoder 触发的所有事件:https://github.com/mapzen/leaflet-geocoder#events
这是监听 select
事件的示例片段,更改地图的缩放级别。
var map = L.Mapzen.map('map');
map.setView([0,0], 13);
var geocoder = L.Mapzen.geocoder();
geocoder.addTo(map);
var desiredZoomLevel = 17;
wgeocoder.on('select', function (e) {
map.setZoom(desiredZoomLevel);
});