将 Google 地图居中到位置字符串 [重复]

Posted 2023-02-23

【中文标题】将 Google 地图居中到位置字符串 [重复]

【英文标题】：Center Google Maps to location string [duplicate]

【发布时间】：2015-03-18 22:04:21

【问题描述】：

使用 Google Maps API，我想将地图以字符串而不是 Lat/Lng 为中心

var mapOptions = 
    center: "Paris"
;

【问题讨论】：

developers.google.com/maps/documentation/javascript/geocoding

【参考方案1】：

您可以使用geocoder。

工作代码sn-p：

var geocoder;
var map;

function initialize() 

  geocoder = new google.maps.Geocoder();

  var latlng = new google.maps.LatLng(0, 0);
  var mapOptions = 
    zoom: 8,
    center: latlng
  ;

  map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

  // Call the codeAddress function (once) when the map is idle (ready)
  google.maps.event.addListenerOnce(map, 'idle', codeAddress);


function codeAddress() 

  // Define address to center map to
  var address = 'Paris, France';

  geocoder.geocode(
    'address': address
  , function(results, status) 

    if (status == google.maps.GeocoderStatus.OK) 

      // Center map on location
      map.setCenter(results[0].geometry.location);

      // Add marker on location
      var marker = new google.maps.Marker(
        map: map,
        position: results[0].geometry.location
      );

     else 

      alert("Geocode was not successful for the following reason: " + status);
    
  );


initialize();

#map-canvas 
  height: 180px;

<div id="map-canvas"></div>
<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>

JSFiddle demo

编辑：当然，您可以像这样对完整地址进行地理编码：

// Define address to center map to
var address = 'Rue Casse-Cul, Montboucher-sur-Jabron, France';