我是JS的新手,并且找到了前一个问题的答案,这个问题提出了一个新问题,这个问题又把我带到了这里.
我有一个包含Google Map API的Reveal Modal.单击按钮时,弹出"显示模式",并显示"Google地图".我的问题是只有三分之一的地图在显示.这是因为需要实现调整大小的触发器.我的问题是如何实现google.maps.event.trigger(map,'resize')？我在哪里放置这一小段代码？
这是我的测试网站.单击Google Map按钮查看手头的问题. http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html#
显示模型脚本:
<script type="text/javascript">
$(document).ready(function() {
$('#myModal1').click(function() {
$('#myModal').reveal();
});
});
</script>
我的Google地图脚本:
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(39.739318, -89.266507),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
}
</script>
持有谷歌地图的div:
<div id="myModal" class="reveal-modal large">
<h2>How to get here</h2>
<div id="map_canvas" style="width:600px; height:300px;"></div>
<a class="close-reveal-modal">×</a>
</div>
更新2018-05-22
使用Maps JavaScript API版本3.32中的新渲染器版本,resize事件不再是Map类的一部分.
文件说明
调整地图大小后,地图中心将固定
全屏控制现在保留了中心.
不再需要手动触发resize事件.
来源:https://developers.google.com/maps/documentation/javascript/new-renderer
google.maps.event.trigger(map, "resize"); 从版本3.32开始没有任何影响
我有一个网站,在多个页面上使用地址自动填充 - 地址簿,送货地址,帐单地址.随着下个月发布的结算更改,我们可以将自动填充流程转换为使用会话而不是单独的按键.(https://cloud.google.com/maps-platform/user-guide/pricing-changes/#billing-changes)
session google-maps google-maps-api-3 google-places-api google-places-autocomplete
我在我的应用中的谷歌地图上有一个地方的地方ID.有没有办法将地点ID放在URL中并让它直接链接到页面？或者是否必须通过URL完成？
我似乎无法在文档中找到任何详细说明.我试过下面,但它只是给我标准的谷歌地图页面:
https://maps.google.com/maps?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4
我有一个V3地图加载并默认以特定的经度/纬度为中心.加载后,用户可以输入他们的地址以获取指向该点的路线.发生这种情况时,会调整地图的大小以容纳其左侧的方向框.因此,路线在地图窗口中偏离中心.我尝试了以下代码,我认为它应该在逻辑上起作用,但无济于事.
新实现:如果我以任何方式调整窗口大小,它就会按预期开始工作.
发现问题:我需要google.maps.event.trigger(map, 'resize')在调整地图容器大小后触发.
directionsService.route(query, function(result,status) {
if (status === google.maps.DirectionsStatus.OK) {
// This sets the directions container to display:block and resizes the map
document.getElementById('map-container').className = "directions";
directions.setDirections(result);
var bounds = result.routes[0].bounds;
map.fitBounds(bounds);
map.setCenter(bounds.getCenter());
} else {
alert("");
}
});更新2018-05-22
使用Maps JavaScript API版本3.32中的新渲染器版本,resize事件不再是Map类的一部分.
文件说明
调整地图大小后,地图中心将固定
全屏控制现在保留了中心.
不再需要手动触发resize事件.
来源:https://developers.google.com/maps/documentation/javascript/new-renderer
google.maps.event.trigger(map, "resize"); 从版本3.32开始没有任何影响
今天早上我刚开始收到谷歌地图脚本错误.
行:0个字符:0错误:脚本错误代码:0 URL:
我将所有代码更改恢复为早期版本但仍然存在.
我将在下面包含该脚本,但我必须提到它在一个与IE接口的Delphi TWebBrowser中运行.
我可以运行我的程序,与页面交互,然后让它闲置.大约20秒后,没有任何用户交互,我得到上面的持久性错误.当我关闭错误消息框时,它会立即打开并显示相同的消息.
我这个项目已经工作了几个月,现在开始了.我已经回滚了几个版本,但它仍然存在.
我从哪里开始寻找？
<html>
<head>
<title>Find your Qtr minute locator</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?api=AIzaSyAa7YZpvi09ig92s_BLP2H3QVLTmoqdcQQ&v=3.exp&libraries=geometry&sensor=false"></script>
</head>
<body><!-- Declare the div, make it take up the full document body -->
<div id="map-canvas" style="HEIGHT: 100%; WIDTH: 100%"></div>
<script type="text/javascript">
var map;
var idx = 0;
var qtrArray = [];
var userGridArray = [];
var Startlatlng = "";
var llOffset = 0.00416666666667;
var babyOffset = (llOffset/2); // offsets gridSelector 1/2 qtr min
var drawGridSelectBox = false;
var findNeighbor = …如何使用地址打开Google地图(使用Intents或将Google地图添加到我的应用程序中)？我有地址,但我没有纬度/经度.我该怎么做？谢谢.
是否可以通过Google Places API或任何其他API获取"热门时代"信息？我需要将此信息显示在我的应用程序中以供特定地点使用.
android google-maps google-api google-maps-api-3 google-places-api
如何在Google Map中绘制弧形折线？
我已经使用此代码创建了弯曲的折线.
以下是绘制弯曲折线的方法:
private void showCurvedPolyline (LatLng p1, LatLng p2, double k) {
//Calculate distance and heading between two points
double d = SphericalUtil.computeDistanceBetween(p1,p2);
double h = SphericalUtil.computeHeading(p1, p2);
//Midpoint position
LatLng p = SphericalUtil.computeOffset(p1, d*0.5, h);
//Apply some mathematics to calculate position of the circle center
double x = (1-k*k)*d*0.5/(2*k);
double r = (1+k*k)*d*0.5/(2*k);
LatLng c = SphericalUtil.computeOffset(p, x, h + 90.0);
//Polyline options
PolylineOptions options = new PolylineOptions();
List<PatternItem> pattern = …android google-maps polyline android-custom-view google-maps-android-api-2
我需要从纬度和经度获得城市和州.Geocoder执行此功能以获得城市和州.但我java.io.IOException: grpc failed只在Android真实设备上收到错误.它在模拟器中运行良好.
new Geocoder(context).getFromLocation(latLng.latitude, latLng.longitude, 1).get(0);
此外,我一直在使用Asynctask调用此函数,这是在另一篇文章中建议的Geocoder grpc在堆栈溢出失败,但对我没有任何作用.
我也重启了设备但仍然失败了.
需要帮助.提前致谢.
注意:我测试了Google Pixel XL,三星S6边缘,三星S4.
android google-maps latitude-longitude android-location google-geocoder
google-maps ×10
android ×4
javascript ×3
arrays ×1
google-api ×1
html ×1
java ×1
polyline ×1
session ×1