我的網站上有一張帶有標記的傳單地圖。但是,我不能把它很好地集中在巴黎上。此代碼有效:
map.setView([lat,lng],zoom);
地圖顯示了應有的巴黎,但我選擇的點不在地圖的中間。地圖以左下角為中心
有人知道如何將我的地圖中間的點居中嗎?
謝謝
編輯:完整代碼
var map = L.map('map', {
scrollWheelZoom: false
})
map.setView(<?php echo "[".$latVille.", ".$lngVille."], ".$zoomVille;?>);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
attribution: 'Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery ? <a href="https://www.mapbox.com/">Mapbox</a>',
maxZoom: 18,
id: 'mapbox/streets-v8',
tileSize: 512,
zoomOffset: -1,
accessToken: ''
}).addTo(map);
Array.from($(".js-marker")).forEach((item) => {
let marker = L.popup({
autoClose: false,
closeOnEsacapeKey: false,
closeOnClick: false,
closeButton: false,
className: 'marker',
maxWidth: 300
})
.setLatLng([item.dataset.lat,item.dataset.lng])
.setContent(item.dataset.prix ' €')
.openOn(map);})
結果 : 
uj5u.com熱心網友回復:
不確定這是否是最好的方法,但我setView在設定標記后使用它并且它有效!
uj5u.com熱心網友回復:
如果您要添加標記,可能是因為這個原因,請在添加標記后設定視圖,但如果沒有代碼就很難分辨。
我用于瓷磚,這段代碼將集中在這一點上
L.mapbox.accessToken = 'Your token';
var map = L.mapbox.map('map')
.setView([52.462610, -1.588580], 14)
.addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/408407.html
標籤:
上一篇:更流暢的CSS影片
下一篇:側邊欄上的圖示橫跨整個側邊欄
