首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google Maps API -位置/中心按关键字(城市名称)

Google Maps API -位置/中心按关键字(城市名称)
EN

Stack Overflow用户
提问于 2017-07-17 08:20:28
回答 1查看 7.3K关注 0票数 8

在我的web应用程序中,我使用的是gmap javascript API (https://developers.google.com/maps/documentation/javascript/ )。我在一个函数中使用下面的代码在用户按下按钮后定位/居中gmap。

代码语言:javascript
运行
复制
var position = new google.maps.LatLng(lat, lng);
map.setCenter(position);

这段代码使用纬度和经度。我希望根据给定的关键字定位/居中gmap,而不是纬度和经度。例如,如果输入是'Paris‘,我如何定位/居中gmap?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-07-18 04:41:56

您可以使用地图JavaScript应用编程接口的地理编码器服务来解析您的输入(例如Paris)来协调地图并使其居中。

看一下下面的代码示例

代码语言:javascript
运行
复制
var map;
function initMap() {
  var geocoder = new google.maps.Geocoder();

  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 0, lng: 0},
    zoom: 8
  });

  geocoder.geocode({'address': "Paris"}, function(results, status) {
    if (status === 'OK') {
      map.setCenter(results[0].geometry.location);
    } else {
      alert('Geocode was not successful for the following reason: ' + status);
    }
  });


}
代码语言:javascript
运行
复制
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
代码语言:javascript
运行
复制
<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDztlrk_3CnzGHo7CFvLFqE_2bUKEq1JEU&callback=initMap" async defer></script>

票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45134477

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档