google-maps - 谷歌地图设置隐藏输入值的缩放

标签 google-maps zooming

我有一个带有隐藏输入的表单,可以保存用户当前的缩放级别

<input type="hidden" name="zoom" value="15" id="zoom" /> <!-- default value="" -->

但是,当我在提交表单后尝试使用输入中的缩放值时,它不会使用输入的值

var zoom = $("#zoom").val();
var point;
var gmap = new GMap2(document.getElementById("gmap"));

if (zoom == "") {
    point = new google.maps.LatLng(latitude,longitude);
    gmap.setCenter(point, 13);
} else {
    console.log(zoom); //shows 15
    point = new google.maps.LatLng(latitude,longitude);
    gmap.setCenter(point, zoom); //here the zoom is undefined
}

最佳答案

输入字段中的“zoom”值是一个字符串,该函数需要一个数字。使用 parseInt() 将字段值转换为数值。

var zoom = parseInt($("#zoom").val());
var point;
var gmap = new GMap2(document.getElementById("gmap"));
// point assignment is abstracted from your zoom level logic
point = new google.maps.LatLng(latitude,longitude);

gmap.setCenter(point, (typeof zoom == 'number') ? zoom : 13);

关于google-maps - 谷歌地图设置隐藏输入值的缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2242360/

相关文章:

javascript - 谷歌地图信息窗口出现在一个 Angular 落

opengl - 如何实现 OpenGL 缩放范围功能

javascript - LeafLet 平移和缩放行为

google-maps - 如何在Zurb Foundation中制作自适应Google Map

python - 在卫星 map 上绘制数据

android - 路线不尊重Android中的街道

javascript - 谷歌地图 API v3 : Passing an Image for symbolPath rather than a inbuilt symbol

c# - 在当前鼠标位置缩放/拉伸(stretch)图片框?

google-maps - 如何设置缩放以适应谷歌地图中的圆圈

jquery - 仅对特定的 div 使用缩放