Google MAP API v3:在显示的标记上居中和缩放

2024-02-14

我使用以下代码在地图上设置标记:

  var latLngs = []
  $.each(locations.markers, function(i, m){
   var myLatLng = new google.maps.LatLng(m.latitude, m.longitude);
   latLngs[i] = myLatLng                                          
   var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    shadow: shadow,
    icon: image,
    shape: shape,
    title: m.city,
    zIndex: i
   });
  }) 

标记显示在我的地图上。现在我想在这些标记上居中并缩放地图。我怎样才能做到这一点? 我努力了:

map.fitBounds(getBoundsForLatLngs(latLngs));

latLngs 的 console.log 给出:

 [(46.793182, 7.146903) { b=46.793182,  more...}, (46.8077779, 7.1709386) { b=46.8077779,  more...}]

但它似乎不起作用,并且我在控制台中没有收到任何错误。我究竟做错了什么?


我还发现这个修复缩放以适合所有标记 http://blog.shamess.info/2009/09/29/zoom-to-fit-all-markers-on-google-maps-api-v3/

LatLngList:实例数组latLng https://developers.google.com/maps/documentation/javascript/3.22/reference#LatLng, 例如:

// "map" is an instance of GMap3

var LatLngList = [
                     new google.maps.LatLng (52.537,-2.061), 
                     new google.maps.LatLng (52.564,-2.017)
                 ],
    latlngbounds = new google.maps.LatLngBounds();

LatLngList.forEach(function(latLng){
   latlngbounds.extend(latLng);
});

// or with ES6:
// for( var latLng of LatLngList)
//    latlngbounds.extend(latLng);

map.setCenter(latlngbounds.getCenter());
map.fitBounds(latlngbounds); 
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Google MAP API v3:在显示的标记上居中和缩放 的相关文章

随机推荐

  • Haskell 中的 HTTP POST 内容

    我正在尝试将一些数据发布到 Haskell 中的服务器 但服务器端为空 我正在使用 Network HTTP 库来处理请求 module Main main where import Network URI URI parseURI uri
  • Postgres `gin_trgm_ops` 索引未被使用

    我试图speed up https stackoverflow com questions 56483600 composite jsonb array query in postgresPostgres 中的一些文本匹配 使用pg trg
  • 如何在 dask/distributed 中存储工作线程局部变量

    使用dask 0 15 0 分布式1 17 1 我想记住每个工作人员的一些事情 比如访问谷歌云存储的客户端 因为实例化它是昂贵的 我宁愿将其存储在某种工作者属性中 执行此操作的规范方法是什么 或者全局变量是正确的选择吗 关于工人 您可以通过
  • jquery ajax 调用不起作用?!是firefox还是xss问题?

    我的问题是 在 Firefox 中我没有得到任何回应 在 ie 中它工作得很好 我想要对本地脚本进行 ajax 调用 以纯文本或其他方式获取一些信息 但这行不通 我认为跨脚本此时应该不是问题 或者 JavaScript 代码很简单 var
  • 如何在程序开始执行时设置断点

    如何在加载任何链接的 DLL 之前停止程序 我尝试过设置LoadLibraryExW函数在Break At Function调试选项 它会在该函数处停止 但在此之前 我在 Visual Studio 输出窗口中有以下内容 test exe
  • Sequelize - 通过匹配所有标签来过滤 FindAll

    assets tags foo tags bar 对上述端点的获取请求应仅返回包含所有提供的标签的记录 foo bar 我当前的尝试是返回与任何给定标签匹配的任何记录 const tags req query res send await
  • Angular 10 中主组件内的延迟加载模块

    我的应用程序中有两个模块 其中一个是app module另一个是user module这会被延迟加载 上app module我有一个sign in成分 sign up组件和main成分 这main component是由导航栏和侧边栏组成的
  • 设置回调数组并尝试使用数组索引作为回调中的值

    当我以这种方式设置回调数组时 我在所有回调的对话框窗口中得到 20 我想获取数组中的索引 这可能吗 调用回调的函数期望回调有一个参数 我不控制回调的调用者 因为它是外部库的一部分 任何帮助表示赞赏 for var i 0 i lt 20 i
  • 使用 CreateDesktop/SwitchDesktop 在新桌面中创建表单

    我需要为一个实用程序创建一个系统模式形式 该实用程序应该阻止整个窗口 直到输入某些值 所以我正在尝试创建桌面和切换 到目前为止 创建一个切换到它的桌面 然后返回对我来说效果很好 But 当我尝试从新线程中创建表单时 该表单不会显示 但应用程
  • NSwag - 如何添加评论?

    我在 ASP Net WebAPI 项目中使用 NSwag 来生成 swagger 界面 效果很好 假设我有一个方法想要添加一些解释 我该怎么做 我所说的注释是指当 API 用户查看文档时会看到的内容 我用谷歌搜索过 狂饮过 然后 躲开了
  • 从命令行运行程序时,C++ 出现错误“failure: locale::facet::_S_create_c_locale name not valid”

    我似乎对 C 中的区域设置有问题 当我从 Eclipse 中运行我的程序时 一切正常 但是 当我尝试从命令行运行时 我不断收到此错误 失败 locale facet S create c locale 名称无效 这是触发错误的代码 Set
  • Facebook 好友邀请的 Swift 2.0 代码

    我一直在为 iOS 应用程序的 Facebook 好友邀请寻找等效的 Swift 代码示例 但我找不到他们 我知道 Facebook 页面上有 Objective C 版本https developers facebook com docs
  • 有没有一种简单的方法可以在 Android 视图的顶部和底部添加边框?

    我有一个 TextView 我想沿着其顶部和底部边框添加黑色边框 我尝试添加android drawableTop and android drawableBottom到 TextView 但这只会导致整个视图变黑
  • 在java中,如何删除sqlite表?

    我正在开发 Android 应用程序 我必须在我的活动中开发一个 xml 按钮 并构建我的 sqlite 数据库和表 我怎样才能让用户按下按钮来删除表 谢谢 如果没有更多上下文 很难回答 但最终的 sqlite 查询将是 db execSQ
  • cuDevicePrimaryCtxRetain() 是否用于在多个进程之间拥有持久的 CUDA 上下文对象?

    例如 仅使用驱动程序 api 我对下面的单个进程进行了分析 cuCtxCreate cuCtxCreate 开销几乎相当于与 GPU 之间的 300MB 数据复制 在 CUDA 文档中here http docs nvidia com cu
  • Matplotlib 从多个点绘制样条线

    我有数组点 nodes 1 2 6 15 10 6 10 3 3 7 And now I need draw Spline passing through the points You can see image result 但我不知道怎
  • 如何从点击的位置获取 CGPoint?

    我正在为 iPad 开发一款图形计算器应用程序 我想添加一项功能 用户可以点击图形视图中的某个区域 弹出一个文本框 显示他们触摸的点的坐标 我怎样才能从中获得CGPoint 你有两种方法 1 void touchesBegan NSSet
  • R 与 Stata 中的 Cox 比例风险模型

    我正在尝试使用以下数据在 R 中复制 Stata 的 cox 比例风险模型估计http iojournal org wp content uploads 2015 05 FortnaReplicationData dta http iojo
  • 发布带有排行榜但没有成就的 Android 应用程序

    我已将排行榜集成到我的 Android 应用程序中 但不打算添加成就 除了成就之外 我已在 Google Play 的开发者控制台中完成了游戏服务设置 当我进入 发布 部分时 它说我的成就丢失了 没有成果可以发表吗 尽管您确实需要为开发人员
  • Google MAP API v3:在显示的标记上居中和缩放

    我使用以下代码在地图上设置标记 var latLngs each locations markers function i m var myLatLng new google maps LatLng m latitude m longitu