iT邦幫忙

0

Leafletjs 加入手機定位後,地圖上的路名是英文,請問如何轉中文?

  • 分享至 

  • xImage

各位好

Leafletjs加入手機定位後,地圖上的路名是英文,請問如何轉中文?

我是用 mapbox style套入leaflet後,地圖路名轉中文,想知道還有無其他方式?

先謝謝各位的幫忙!

   //英文路名
	var map = L.map('mapid')
	L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=myKry', {
		maxZoom: 15,
		attribution: 'Map data © OpenStreetMap contributors, ' +
			'CC-BY-SA, ' +
			'Imagery © Mapbox',
		id: 'mapbox/streets-v11',
		tileSize: 512,
		zoomOffset: -1
	}).addTo(map);
   
	// Geolocation
    map.on('locationfound', function(e) {
      var radius = e.accuracy / 2;
      L.marker(e.latlng).addTo(map).bindPopup("你在這範圍內").openPopup();
      L.circle(e.latlng, radius).addTo(map);
    });
	  map.on('locationerror', function(e) {	 
      console.log('定位出錯=====>', e);	 
    });		
	//  
	map.locate({	 
      setView: true,
      maxZoom: 16
    });

https://www.ijshgoan.com.tw/

https://www.archi.net.tw/

https://www.asian-archi.com.tw/

https://www.asianmaterials.net/

咖咖拉 iT邦好手 1 級 ‧ 2020-05-25 11:53:31 檢舉
API 裡面沒有的東西
就只能拉出來自己寫
webtest iT邦新手 5 級 ‧ 2020-06-22 16:56:53 檢舉
https://www.ijshgoan.com.tw/
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1

https://docs.mapbox.com/help/troubleshooting/change-language/

這個連結有教如何更換語言包
不知道你是不是要用中文語系包的。
這邊有教如何切換語言,映像中有支援10多個語系的樣子。
繁體中文也有。只是你得要先特別去載入plus。要不然預設都是英文的。

webtest iT邦新手 5 級 ‧ 2020-05-25 14:42:31 檢舉

您好
中文路名處理的步驟 :

  1. https://docs.mapbox.com/help/troubleshooting/change-language/ 中的 Change label language in Mapbox Studio 來設定.

  2. 在mapbox Styles 的 Share > Developer resources 's Third party > 下拉選 "CATRO" > 取出 Integration URL 內的值

  3. Integration URL的值,取代此行https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=myKry

這Integration URL格式 :
https://api.mapbox.com/styles/v1/myNAME/一組英文序號/wmts?access_token=myKey

我也參考過 https://docs.mapbox.com/mapbox-gl-js/example/language-switch/,
因為我還不知如何將語言套上script內,結果是數百個marker都無法呈現或是英文路名
https://ithelp.ithome.com.tw/upload/images/20200525/20107808lMsZMrOdpb.jpg
謝謝!!

我要發表回答

立即登入回答