从地址居中显示google地图
从地址居中显示Google地图可以通过以下步骤实现：
- 首先，需要在网页中引入Google Maps JavaScript API。可以在HTML文件的<head>标签中添加以下代码：<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>其中，YOUR_API_KEY需要替换为你自己的Google Maps API密钥。如果没有密钥，可以在Google Cloud平台上创建一个。
- 在HTML文件中创建一个<div>元素，用于容纳地图。可以在<body>标签中添加以下代码：<div id="map"></div>这个<div>元素的id属性可以自定义，这里使用"map"作为示例。
- 在JavaScript文件中编写代码来初始化和显示地图。可以在<script>标签中添加以下代码：function initMap() { var mapDiv = document.getElementById('map'); var map = new google.maps.Map(mapDiv, { center: {lat: YOUR_LATITUDE, lng: YOUR_LONGITUDE}, zoom: YOUR_ZOOM_LEVEL }); }其中，YOUR_LATITUDE和YOUR_LONGITUDE需要替换为要显示的地址的纬度和经度。YOUR_ZOOM_LEVEL可以设置为一个整数，表示地图的缩放级别。
- 最后，在JavaScript文件中调用initMap()函数来初始化地图。可以在<script>标签中添加以下代码：initMap();
完成以上步骤后，保存并运行网页，即可在指定的<div>元素中居中显示Google地图，并将地图中心设置为指定的地址。
推荐的腾讯云相关产品：腾讯位置服务（https://cloud.tencent.com/product/tianditu）提供了丰富的地图展示和定位服务，可用于在网页中显示地图，并提供了多种地图样式和功能定制选项。
相关·内容
创建google地图并以给定位置为中心非常简单(见下文)。创建谷歌地图并在地图上显示标记也很简单，只需像markers=color:blue%7Clabel:S%7C11211%7C11206%7C11222这样做即可。
我怎么才能像下面这样创建一个简单的居中地图，但在最中心添加一个标记呢？谢谢
<img alt="Map" src="http://maps.google.com/maps/api/staticmap?center=+AUBURN+WA+98001&zoom=14&size=400x400&senso
浏览 0提问于2013-01-03得票数 16
1回答
使用Google Maps API，我想将地图居中显示为字符串，而不是Lat/Lng
var mapOptions = {
center: "Paris"
};
浏览 1提问于2015-01-20得票数 3
回答已采纳
1回答
给定一个，是否有方法获取带有特定参数的静态谷歌地图，以便显示整个区块，包括周围的街道？
这就是我想要达到的结果(我只是在Google中居中并手动缩放以制作截图)：
但是，当通过静态Maps API请求时，使用缩放17太远了：
使用zoom=18太近了：
更别提我不知道该怎么做地图的正确对中。
浏览 4提问于2014-03-29得票数 0
我正在使用Google Maps API (v2)，希望将地图集中加载到一个国家(例如英格兰)。
此时，我使用以下命令将地图居中：
map.setCenter(new GLatLng( 43.907787,-79.359741), 9);
但这显然需要经度和纬度。
有没有办法通过插入一个国家的名称来做到这一点？
浏览 1提问于2009-11-17得票数 14
回答已采纳
1回答
我想将gmap放在用户位置的中心。就像谷歌地图本身一样，当你使用maps.google.com时，中心就是我们自己的位置。
我找到了这个，但就像tuto上说的那样，用户必须批准它，因为这个代码给了你确切的lat和lng。
但是谷歌地图没有问这个(或者可能？)，可能是因为位置不是很清晰，只显示了城市，而不是确切的位置？这就是我想要做的，得到一个大致的位置，并将地图居中到用户所在的城市+周围的城市就足够了，我不想知道用户的确切位置。
即时通信使用javascript
你能帮我吗？
谢谢
浏览 5提问于2014-11-16得票数 0
我已经设置了一个google地图与我自己的自定义地图集成，并在页面加载时由后端动态放置标记。
问题是我的代码将地图居中放置在标记上，如果您尝试在任意位置平移地图，它会反复将地图重新定位到居中的标记(允许放大/缩小，但不允许平移)。
地图居中的处理方法如下：
google.maps.event.addListener(map,'idle',function (map) {
var coords = genCoords(map,"40.014","80.52");
clueLocation = new google.maps.Mar
浏览 0提问于2012-11-11得票数 0
回答已采纳
1回答
我遇到了一些使用Google Maps API的基于位置的搜索(我这方面更多的是一个结构性问题，而不是对地图api的任何批评)
例如，如果用户搜索"Victoria，Canada“，就会像预期的那样显示"Victoria，Canada”的结果。但是，如果用户搜索“加拿大”，google将返回国家中部的经度和纬度，这对于正确地将地图居中是必不可少的。但是，它不会显示任何结果，因为最近的位置离google返回的位置太远。我正在过滤掉大约20英里之外的结果。
Google Maps API是否可以返回任何我可以用来判断用户是否输入了州或国家名称的内容？如果没有，有没有人开发了一种解决
浏览 0提问于2013-01-14得票数 4
我得到了有问题的Google Map div不能正确显示
<div id="g#arena.aid#" style="width: 600px; height: 300px; display: none"></div>
不显示-代码显示地图是div -但不居中...不是以记号笔为中心。
似乎找不到解决方案...头痛..。
所以列出竞技场的.他们的愿望是隐藏他们的地图直到被调用..。使用图像调用：
<img src="../images/gps1.png" height=25 border=0 alt=
浏览 1提问于2013-02-25得票数 0
我们可以缩放地图并对其进行居中，以便通过以下代码显示所有标记：
var markers = //some array (all of them should be visible);
var Themarker = //a marker that should be the center
var bounds = new google.maps.LatLngBounds();
for(i=0;i<markers.length;i++) {
bounds.extend(markers[i].getPosition());
}
map.fitBounds(bounds);
但如何确保：
浏览 2提问于2016-01-20得票数 2
回答已采纳
1回答
我写了一个脚本，允许管理员点击地图(谷歌地图应用程序接口v3)，设置他想要的任意多个位置，并命名它们。也就是说，单击地图将显示一个信息窗口，其中包含一个用于命名该位置的表单。这些位置保存在数据库(LatLng坐标)中，并在地图上显示为标记。
然后，用户(管理员或非管理员)可以从选择框(按名称)中选择这些位置中的任何一个。选择此选项后，将有一个选项用于在所选位置显示带有标记的地图。标记显示正确，但我希望地图在该位置居中。也就是说，标记显示在屏幕的中央，而不是显示在最左上角。实际上，最初，标记甚至是不可见的。你必须向上拖动地图，然后向左一点，让它显示出来。
这相当奇怪，因为我对标记和中心屏幕都使用
浏览 0提问于2014-02-07得票数 0
使用google android api v2，我们如何像google地图应用那样跟踪/跟踪用户的位置。用户位置标记位于中心。目前我正在使用
mMap.setMyLocationEnabled(isEnabled)；
和
mUiSettings.setMyLocationButtonEnabled(isEnabled)；
通过使用这两个，我能够显示用户的位置和按钮，如果用户正在移动，位置箭头就会从屏幕上消失，该按钮将使用户在map.But上居中。
我可以通过监听LocationListener来解决这个问题，并将地图动画显示到新的位置。除了这个还有别的办法吗？
如果使用iPhone地图应用编程
浏览 0提问于2013-01-27得票数 1
我可能不知道要搜索的关键字，而且到目前为止还不能在谷歌上找到解决方案。
假设一个map div是200px x 200px (width X height)。当我们显示Google Maps时，地图自动居中，标记位于地图的中心，大致标记显示为100px x 100px坐标。
如何移动地图以显示从左侧算起的标记20px，比如20px x 100px坐标？
谢谢。
浏览 0提问于2012-06-12得票数 2
回答已采纳
1回答
我想在屏幕上居中显示从google directions api返回的路线。我尝试过使用CameraUpdateFactory.newLatLngBounds，但它似乎限制了用户移动到地图的某个部分。 我想做的就是在屏幕中心显示路线，而不是我现在所在的位置。
浏览 25提问于2019-07-03得票数 0
大家好，我现在正在使用Google maps sdk，我有两个疑问：
标注：
如何定制注解，我费了好大劲才想出一种方法来定制现有的东西，但我做不到。不过我找到了。
GMSMarkers：
我想在地图视图中居中标记，也就是说，标记应该在我设置的特定位置，也应该保持当前的缩放级别。
我做了标记居中，但现在我从标记显示一个标注，我希望标注居中。
提前谢谢。
浏览 0提问于2013-05-19得票数 0
回答已采纳
1回答
如果我提供一个地址作为NSString。如何使用mapkit向我显示位置居中地图和显示该地址的图钉？做这件事最简单的方法是什么？
编辑:有没有办法调用内置的地图应用程序来帮我做到这一点？
浏览 0提问于2010-07-29得票数 0
回答已采纳
使用下面的代码，我可以将地图居中到"Vilnius，立陶宛“，并在地图中放置标记位置数组。
我的问题是，如何避免循环中的LatLng，只使用名称？
var locations = [
['Bondi Beach', -33.890542, 151.274856, 4],
['Coogee Beach', -33.923036, 151.259052, 5],
['Cronulla Beach', -34.028249, 151.157507, 3],
['Manly Beach
浏览 1提问于2015-11-20得票数 1
回答已采纳
我有以下问题：
我在一个预订酒店的应用程序中工作，该应用程序在概述页面中有标签(“酒店详细信息”，“地图”，“评论”)。这些选项卡是使用angularjs创建的。此外，在页面中，我有酒店地址，这是一个链接到“地图”选项卡。当我点击“地图”标签，谷歌地图渲染正常。但是，当我点击酒店地址时，“地图”选项卡打开了，但地图没有居中。如果我刷新页面，它会居中显示。
下面是处理地图的代码：
$scope.loadMap = function (targetID){
var latitude = $scope.latitude;
var longit
浏览 1提问于2013-10-24得票数 0
1回答
我必须在我的google地图上显示几个品牌，一个可以离另一个很远，我如何计算我的地图居中的点，任何人可以给我这样做的提示，谢谢
浏览 1提问于2012-03-30得票数 1
回答已采纳
1回答
我是angular的新手，正试图尝试angular google地图。
我的要求。我有用来搜索餐厅的搜索栏。搜索结果api给出了用户搜索的餐厅的地址、纬度和经度。我想要的是在地图上显示一个标记器来标出餐厅的位置。
我试过了。它会渲染地图，但不会将地图居中到我想要的经度和纬度。显然，我试图从搜索api映射到lat和long
我想知道是否有人有和我类似的用例，并且有我可以效仿的例子。
感谢您的帮助。
浏览 0提问于2013-06-16得票数 2
回答已采纳
2回答
从我的应用程序，我想启动谷歌地图应用程序提供的位置和标记。标记应该表明，在给定的位置上有某种东西。
现在，我有下面的代码，它的出发点是Google应用程序提供的位置(51.49234，7.43045)。
startActivity(
new Intent(
android.content.Intent.ACTION_VIEW,
Uri.parse("geo:51.49234,7.43045")));
当Google应用程序启动时，如下所示：
没有显示标记。我想，谷歌地图应用程序会在这个位置上显示一个标记，这是通过意图给出的。有什么“隐藏的”意图URI，我
浏览 2提问于2011-08-23得票数 20
回答已采纳
当用户点击某个按钮时，我正在尝试显示一个带有google地图的对话框。
在第一次加载时，地图显示正确。在用户隐藏对话框并再次打开它之后，地图不会居中，而是移动到左上角。
看看这把小提琴。
我该如何解决这个问题呢？
浏览 2提问于2012-05-24得票数 1
回答已采纳
我尝试使用google.loader.ClientLocation和maps api来获取访问者的位置，并在其上居中放置地图。下面的程序在我( Safari，Firefox和Chrome)上运行得很好，但我的一个朋友(在Safari和Firefox上)测试了一下，我只看到了一个带有谷歌徽标的白色方框。
<script type="text/javascript" src="http://www.google.com/jsapi?key=MykeyHere"></script>
<script type="text/j
浏览 3提问于2010-01-13得票数 8
回答已采纳
我正在开发一个小工具条google地图/twitter小工具。每隔几秒钟，地图就会平移到与推文关联的下一个点，并在信息窗口中显示推文。
问题是，由于地图试图以该点为中心，信息窗口位于地图的角落。
如果可能的话，我希望能够在地图窗格中居中显示信息窗口。有什么想法吗？
浏览 0提问于2009-10-30得票数 0
回答已采纳
1回答
v3上的单一瓦片WMS层
、、、
我试图使用向google地图地图添加一个WMS层。我使用以下代码成功地使用了一个平铺的WMS层：
var tileSize = new google.maps.Size(256, 256);
var options = {
'getTileUrl': googleGetTileUrlFunction,
'tileSize': tileSize,
'isPng': true
};
var googleWMSLayer = new google.maps.ImageMapType(options);
其中，googleGe
浏览 4提问于2016-05-31得票数 1
回答已采纳
我正在为Google使用jQuery插件，但在添加标记时遇到了困难。
当前设置：
在加载映射的厚框中显示AJAX内容。该映射加载良好，并正确地居中到地理编码的地址。
但是，如果添加带有地理编码地址的标记，则Google错误将以"a是未定义的“输出。
(插件中的相关代码)
if ( markers[i].geocode ) {
var geocoder = new GClientGeocoder();
geocoder.getLatLng(markers[i].geocode, function(center) {
浏览 2提问于2010-10-13得票数 0
我正在开发一个显示谷歌地图的Android应用程序。我希望这张地图的中心是用户的位置，并旋转到用户的方向和倾斜。所描述的行为可以在Google Maps应用程序中看到；当您单击Location按钮一次时，它会将地图居中显示在您的位置上。当第二次单击时，它会实现所描述的行为。
如何使用Google Maps API实现这一点？我能以编程方式激活它吗？
有什么建议吗？
浏览 1提问于2013-07-02得票数 1
2回答
我希望通过单击不是地图一部分的页面中的div来居中显示google地图。我试过了，但不起作用。
$('#myDiv').click( function() {
map.panTo(36.549362,-98.613281);
});
我也试过这个
$('#myDiv').click( function() {
map.setCenter(36.549362,-98.613281);
});
浏览 3提问于2013-08-23得票数 0
我有一个从用户数据动态生成的覆盖图，所以我需要知道如何找到该覆盖图的中心。
目前，我只是使用覆盖图中的第一个坐标，但这并不代表覆盖图的中心。因此，当我加载地图时，它不会在覆盖图上居中。
有没有人有一个好的方法来使地图在叠加层上居中，通过计算中心，而不是硬编码？
var latlng = new google.maps.LatLng(38.269239, -122.276010);
var myOptions = {
zoom: 15,//Calculate this somehow?
center: latlng,// Calculate value f
浏览 0提问于2010-07-24得票数 28
回答已采纳
6回答
默认情况下，google提供了如何在伊利诺伊州芝加哥居中显示地图的示例：
var chicago = new google.maps.LatLng(41.850033, -87.6500523);
有没有可能让默认的中心集中在整个美国？我到处都找不到这个。
浏览 0提问于2012-12-09得票数 20
回答已采纳
这是页面：正如你所看到的，地图显示OK，居中和缩放如我所愿。问题是方向没有显示...
Google地图代码：
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer();
var myLatlng = new google.maps.LatLng(37.651429,22.267043);
var myO
浏览 4提问于2012-12-25得票数 2
我正在尝试为我在Sitefinity中的活动生成一个Google地图。我使用嵌入的Google iframe代码，使用<%# Eval("Street") %>、<%# Eval("City") %>和<%# Eval("State") %>将事件的位置从Sitefinity events自定义字段拉到输出html。
所以我的代码看起来像这样：
<iframe width='500' height='240' frameborder='0' scrollin
浏览 0提问于2013-06-12得票数 1
回答已采纳
有一些关于谷歌地图api正确居中问题的帖子。据我所知，以下内容会调整地图的大小：
google.maps.event.trigger(map, 'resize');
我能够让地图在第一页显示的div元素中正确显示。但是，当导航回包含地图的html页面时，只有一小部分地图显示在div中。我遇到的问题是弄清楚如何合并这个调整大小触发器。我是SPA和Durandal的新手，这是我负责地图的视图模型：
define(['async!https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'], fu
浏览 4提问于2013-12-11得票数 0
我正在尝试整合谷歌地图在我的网页，它应该显示地图的地址从数据库跟踪。所以我不能使用某个位置来生成地图。似乎对于每个地址，google地图api都需要纬度和经度来绘制地图。但是我如何从地址中辨别纬度和经度呢？有什么想法吗？
浏览 3提问于2011-04-22得票数 1
回答已采纳
好的，默认情况下，点击标记时，标记在地图上居中。问题是，我有很高的infoView，从布局中膨胀，它显示在地图边界之外。我能做什么，水平居中别针，并将其定位在地图中心下方，以使infoWindow可见。
浏览 4提问于2013-04-19得票数 8
回答已采纳
我使用的是默认的Google Map recenter按钮，该按钮是默认显示的。如何确保默认情况下不显示重新居中按钮，而只在有人使用Swift移动地图时显示？
func SetupMap() {
googleMapView.settings.myLocationButton = true
}
浏览 0提问于2020-07-23得票数 0
1回答
Google方向API获取错误
、、、、
我使用react本地地图来显示两个位置之间的方向，我使用了MapViewDirections，
我已经创建了GOOGLE_MAPS_APIKEY并添加了应用程序，但我警告说，我无法在地图中看到方向。这是代码
<MapViewDirections
origin={origin}
destination={destination}
apikey={GOOGLE_MAPS_APIKEY}
strokeWidth={3}
strokeColor="hotpink"
/>
ERROR：MapV
浏览 0提问于2018-04-24得票数 0
1回答
我有一个页面，它显示在SQL中保存为字符串的不同多边形。根据加载的多边形，我设法将地图居中，但我也希望设置地图的缩放级别，这取决于多边形的缩放级别。我已经看到了很多关于这个主题的讨论(即)，但是我还没有找到更好的解决方案。有人能帮忙吗？
我用坐标来对地图，这是从decodePath方法得到的，
google.maps.geometry.encoding.decodePath(googlePolygon)
但是，它只返回lat长值，没有任何级别或缩放级别信息。
浏览 1提问于2015-01-23得票数 0
回答已采纳
如果我想打开浏览器访问Google Maps并居中显示单个标记，我会使用如下URL：
但是，我想在同一张地图上显示5-10个经度/经度对。如何显示仅在URL中指定的多个经度/经度标记？
浏览 0提问于2016-02-15得票数 21
2回答
查找mapView的地址
、、、、
我目前在一个iPhone应用程序中显示了一个mapView。我想知道是否有一种方法可以放置一个地址字段，允许用户输入一个地址，然后让地图在该特定地址的坐标上重新居中？
会很感谢你的帮助的，谢谢。
浏览 2提问于2011-08-31得票数 0
我有以下代码放大到谷歌地图，并显示一个信息窗口，当你点击一个标记…
google.maps.event.addListener(marker, "click", function () {
infowindow.setContent(this.html);
infowindow.open(map, this);
map.setCenter(this.position);
if(map.getZoom() < 10 || map.getZoom() > 10) {
map.setZoom(10);
}
});
但
浏览 1提问于2013-08-30得票数 0
1回答
我正在将javascript中的一段google地图代码从v2迁移到v3
以下v2片段显示了放大中心的地图，因此您可以看到街道名称和特定详细信息
var mapG = new GMap(document.getElementById("gmmap"));
var point = new GLatLng(52.6461049, 6.5583690);
mapG.centerAndZoom(point, 3);
我已经尝试将其移植到以下代码中
var point = new google.maps.LatLng(52.6461049, 6.5583690);
var mapOpt
浏览 1提问于2013-05-13得票数 0
回答已采纳
我有一张地图，上面有多个位置。位置是在运行时根据显示的页面确定的(它们是经销商的位置，因此它们根据经销商id而变化。(标记显示得很好，但现在我希望将地图居中，以便将其缩放以包括所有标记，并基于显示的标记居中。我该怎么做呢？现在，缩放和中心是手动设置的。到目前为止，我的代码如下：
<script type="text/javascript">
function initialize() {
var locations = [
<?php
$loc = '';
$i
浏览 3提问于2012-04-11得票数 1
回答已采纳
1回答
我搞不懂这里到底是怎么回事。路点是来自我的数据库的数据，当我查看页面源代码时，正确的数据似乎正在填充javascript变量。地图在我希望它居中的正确区域居中，但标记不显示。我不理解的是，如果我将waypoint.x/waypoint.y变量作为地图的中心坐标，它将只显示为一个标记，但地图本身不会显示。
我做错了什么？我没有收到任何控制台错误或任何可以进行故障排除的东西。我在里面有我的initialize()函数。
脚本：
<script>
var map, waypointByID = {};
function initialize() {
var map = {};
浏览 2提问于2014-05-10得票数 0
我们已经整合了谷歌地图在导航线声明中心。功能是当我们从contactmanager接收地址时，google地图将显示相应的地址。现在的问题是，如果我们再次搜索它的任何新参数，如果我们收到新的地址，它是没有得到更新。如果我更新浏览器，那么它就会被反映出来。有没有方法可以从templatepanel或者刷新整个页面来刷新它？
浏览 14提问于2022-03-02得票数 0
1回答
我正在使用bootstrap进行布局，并尝试将我的地图居中放置在一个标记上，但问题是该标记显示在地图容器的底部。如果我稍微调整窗口的大小，它就会自动居中并正常工作。
我的加分
<div id="gMap">
<div id="map-canvas"></div>
</div><!--gMap-->
css
#map-canvas {
position: relative;
padding-bottom: 70%;
}
#map-canvas iframe {
width: 100% !i
浏览 1提问于2014-08-01得票数 1
好了，这里有一个奇怪的情况。这是我很长一段时间以来在我创建的许多地图上一直面临的问题。
以下是一个示例地址：
Hotel Tamisa Golf, Camino Viejo de Coín, 3, Mijas Costa, Málaga, 29649 , Spain
如果我们去上搜索这个地址，它就会出现在Tamisa Golf酒店。
但是如果我们使用Google地图的地理编码方法，使用Google自己提供的这个例子，并在那里搜索这个地址，它会显示完全不同的位置。离实际位置有几英里远。
有没有办法解决这个问题，让它在地图上显示确切的位置？
浏览 3提问于2013-05-14得票数 2
1回答
我有一个google地图容器，比如说600px的高度。
我有一个按钮，调整(jQuery)地图周围的div容器的大小：
$('#add').click(function() {
$("#container-map").animate({
height: '50%',
minHeight: '50%'
}, 1500 );
goo
浏览 1提问于2013-06-28得票数 8
回答已采纳
1回答
我有一个问题，定位我的嵌入式谷歌地图正确。起初，我使用了来自google本身的预制件嵌入代码，但它在屏幕外显示了我的标记。我开始摆弄ll属性坐标，并设法在屏幕上对标记进行居中。
但出于某种原因，这张地图在IE上仍被错误地显示出来(只发生在一些PC上，还不能在所有的PC上复制)。在Chrome和FF中，地图是正确的居中，IE显示在右下角的标记。是什么导致了这一切？
<iframe width="680" height="250" frameborder="0" scrolling="no" marginheight="
浏览 3提问于2013-11-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
