2016-12-17 90 views
0

如何在Google地圖上顯示Google地圖上的所有國家/地區的英語中的城市名稱(以及可能的道路和自然保護區) V3?使用Google Maps API顯示英語城市名稱(不論位置如何)

到現在爲止,我已經能夠通過附加參數language=en部分實現我的結果,產生下面的圖片中呈現的結果:

Google Maps with added parameters sensor and language

這讓我一半的方式。我想要實現的是完全隱藏非英文名稱,並且只顯示英文城市名稱(例如,顯示Münich而不是München)。

這甚至可能嗎?如果是這樣,如果有人能指導我尋求解決方案,我將不勝感激。

回答

0

使用:

function initMap() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
     center: { 
      lat: -33.8688, 
      lng: 151.2195 
     }, 
     zoom: 13 
    }); 
    var input = /** @type {!HTMLInputElement} */ (
     document.getElementById('pac-input')); 

    var types = document.getElementById('type-selector'); 
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(types); 

    var autocomplete = new google.maps.places.Autocomplete(input); 
    autocomplete.bindTo('bounds', map); 

    var infowindow = new google.maps.InfoWindow(); 
    var marker = new google.maps.Marker({ 
     map: map, 
     anchorPoint: new google.maps.Point(0, -29) 
    }); 

    autocomplete.addListener('place_changed', function() { 
     infowindow.close(); 
     marker.setVisible(false); 
     var place = autocomplete.getPlace(); 
     if (!place.geometry) { 
      window.alert("Autocomplete's returned place contains no geometry"); 
      return; 
     } 

     // If the place has a geometry, then present it on a map. 
     if (place.geometry.viewport) { 
      map.fitBounds(place.geometry.viewport); 
     } else { 
      map.setCenter(place.geometry.location); 
      map.setZoom(17); // Why 17? Because it looks good. 
     } 
     marker.setIcon(/** @type {google.maps.Icon} */ ({ 
      url: place.icon, 
      size: new google.maps.Size(71, 71), 
      origin: new google.maps.Point(0, 0), 
      anchor: new google.maps.Point(17, 34), 
      scaledSize: new google.maps.Size(35, 35) 
     })); 
     marker.setPosition(place.geometry.location); 
     marker.setVisible(true); 

     var address = ''; 
     if (place.address_components) { 
      address = [ 
       (place.address_components[0] && place.address_components[0].short_name || ''), (place.address_components[1] && place.address_components[1].short_name || ''), (place.address_components[2] && place.address_components[2].short_name || '') 
      ].join(' '); 
     } 

     infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address); 
     infowindow.open(map, marker); 
    }); 
+0

謝謝阿尼爾!我似乎無法理解您的解決方案與我的問題有何關係。我不想使用自動完成的輸入,放置額外的標記或使用InfoWindows。你介意進一步解釋一下我沒有看到的東西嗎? – Wilhelmw

+0

嘿威爾你可以發佈你的代碼。 –

+0

嘿@ anil-samal!正如你可能知道的那樣,大多數代碼對於這個例子來說是多餘的(例如,只顯示不同縮放級別的標籤,自定義樣式,如何生成標記等)。因此,我將在這裏包含啓動地圖對象的代碼。 – Wilhelmw

相關問題