无法在谷歌地图中保存多边形

2023-12-15

我有一个谷歌地图多边形对象:

var poly = new google.maps.Polygon({
  paths: [
    new google.maps.LatLng(25.774252, -80.190262),
    new google.maps.LatLng(18.466465, -66.118292),
    new google.maps.LatLng(32.321384, -64.75737)
  ]
});

我正在尝试通过 jquery 的 AJAX 将其发送到 MySQL 数据库:

$.post("savePolygon.php", {polygon: poly});

我在控制台中收到此错误:

TypeError: Cannot call method 'lat' of undefined

我看过其他一些关于保存多边形的帖子,他们都说从多边形中提取 latLng 并将它们保存在数据库中。当我这样做时:

var latLngs = poly.getPath().getArray();
$.post("savePolygon.php", {polygon: latLngs});

我犯了同样的错误。数组的原型中似乎有一个名为“lat”的函数。我想知道如何准确提取这些值并通过 AJAX 发送它们,以及为什么会收到此错误?


Use google.maps.geometry.encoding.encodePath()对路径进行编码。此方法返回一个字符串,非常适合存储到数据库中。为了重用,使用以下方法解码字符串google.maps.geometry.encoding.decodePath()

请注意:默认情况下不加载几何库,您必须通过附加来加载它&libraries=geometry到maps-API-脚本的src。

解释为什么不能直接存储路径(例如 JSON):
当您存储包含 LatLng 的路径(数组)时,您将丢失 LatLng 的原型,这是至关重要的,因为它定义了检索属性的方法(lat() and lng() )

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

无法在谷歌地图中保存多边形 的相关文章

  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 使用 moment.js 检查输入日期是否为星期一

    好吧 我想检查日期是否是星期一 例如 var myDate new Date moment myDate DD MM YYYY dayIs monday 在我的国家 一周的第一天是星期一 所以 我真的想检查输入日期是否是一周的开始 我尝试使
  • 如何使用 jest 模拟第三方库

    我正在开发一个node js应用程序使用nestjs我有一堂课叫LoggerService如下 export class LoggerService private logger Rollbar constructor this logge
  • Leaflet js虚构地图

    我是 Leaflet 的新手 我想了解如何创建完全交互式的虚构地图 我有一张图像想要转换为传单地图 该图像基本上像图表一样具有许多连接和点 我想首先将该图像转换为地图 能够将鼠标悬停在这些点上 突出显示它们并显示有关它们的信息 并且还可以在
  • 使用 CryptoJS 更改密钥 [重复]

    这个问题在这里已经有答案了 我正在使用 CryptoJS 来加密和解密文本 在这里 我只是获取消息并显示加密和解密消息 我使用DES算法进行加密和解密 这是我的 HTML 文件
  • Jquery 中的动态滚动位置

    请帮助我解决以下情况 我有 3 个页面 当滚动到达第二页时 用户滚动页面 它必须找到特定的 ID 然后触发一个函数 一旦第三页开始 另一个函数就会触发 根据要求我不应该使用任何插件
  • 如何在 Angular 中从父组件访问子组件?

    I have mat paginator在子组件a中 如下所示 子组件 html
  • 淡出和循环一组 div 的最佳方式

    假设我有以下 div div class a You are funny div div class b You are smart div div class c You are cool div 最好的展示方式是什么div a持续 5
  • 当用户单击链接时,如何记录 MixPanel 事件?

    当用户单击某种类型的链接时 我试图在 MixPanel 中记录一个事件 我正在使用 JQuery 不引人注意地完成此操作 据我所知 我需要添加一个回调函数 以便在记录事件后将用户带到 URL 这是我正在使用的代码 不幸的是
  • :jQuery / Sizzle 中的 nth-of-type()?

    让我惊讶的是Sizzle http sizzlejs com jQuery 使用的选择器引擎 带有一个内置的 nth child 选择器 但缺少 nth of type 选择器 为了说明之间的区别 nth child and nth of
  • Select2 下拉列表动态添加、删除和刷新项目

    这让我发疯 为什么 Select2 不能在其页面上实现清晰的方法或示例如何在 Select2 上进行简单的 CRUD 操作 我有一个 select2 从 ajax 调用获取数据
  • 如何将函数内的捕获错误传递给父级

    我有这几行代码示例 想知道下面的逻辑到底如何 try var response child console log why here catch err console log should show this err function c
  • 如何在 javascript 正则表达式中匹配平衡分隔符?

    我原以为这个问题是不可能的 据我所知 Javascript 的正则表达式既没有递归插值 也没有漂亮的 NET 平衡组功能 但问题就在那里 如问题 12 所示正则表达式 alf nu http regex alf nu 匹配平衡对 lt an
  • Jquery - 通过在字符串中构建 id 的 id 获取元素

    我在使用 jquery 元素时遇到问题 我正在 var 中构造名称 例如 var myId myGotId myId attr title changed myId 返回空 我想通过 id 获取我的元素 但动态构建我的 Id 连接字符串 编
  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch
  • 需要有关 React Js 的帮助

    我是 React Js 新手 我的代码无法正常工作 请看下面 这是我的脚本文件Main jsx 该文件由 React 编译 输出放置在 dist 文件夹下的 main js 文件中 var react require react react
  • 如何在打字稿文件中导入没有定义文件的js库

    随着我们的项目变得越来越大 我想从 JavaScript 切换到 TypeScript 以帮助进行代码管理 然而 我们使用许多库作为 amd 模块 我们不想将其转换为 TypeScript 我们仍然想将它们导入 TypeScript 文件
  • KeyboardAvoidingView - 隐藏键盘时重置高度

    我正在使用 React NativeKeyboardAvoidingView设置我的高度View当显示键盘时 但是当我关闭应用程序中的键盘时 视图的高度不会变回原来的值
  • 单击列表时使用 bootstrap Dropdown 防止下拉菜单消失

    我正在使用使用引导下拉菜单 http twitter github com bootstrap javascript html dropdowns生成下拉菜单 我想防止点击菜单时菜单消失 我已经实现了以下代码 但它不起作用 知道如何修复它吗
  • 在 GWT 中,在任何主机页标记上添加事件处理程序

    我想为任何标签添加 MouseOver 事件处理程序 举个例子 我想为旧版 HTML 页面中的每个锚点页面添加事件处理程序 继GWT指南 http code google com webtoolkit doc 1 6 DevGuideUse

随机推荐

  • python 原子数据类型

    写的是herePython 有原子对象类型和引用对象类型 原子对象有 int long complex 当分配原子对象时 它的值被复制 当分配引用对象时 它的引用被复制 我的问题是 那么为什么当我执行下面的代码时我得到 True a 123
  • 多个字典的值的总和

    我正在一个目录上迭代一些代码 我想对我得到的字典中相同键的值进行求和 该代码正在计算一个单词在 csv 文件的列中出现的次数 它对给定文件夹中的每个 csv 文件执行此操作 我想要相同键的附加值的输出 例如 第一个文件中出现了 3 次 狗
  • 是否可以在谷歌表单提交上显示弹出窗口

    我想知道提交谷歌表单后是否可以显示弹出对话框 就在屏幕之前 会显示确认屏幕 表明您的请求已被记录 我检查了这篇文章 其中电子表格的 onOpen 事件用于显示弹出窗口 如何使用 google apps 脚本打开网络浏览器 我可以对电子表格执
  • 当我尝试旋转图像时,我看到了伪影

    这是之前的 http img22 imageshack us img22 5310 beforedes jpgznd 之后 http img189 imageshack us img189 8890 afterr jpg 编辑 现在我看看
  • 在Javafx中动态改变矩形的颜色

    我正在创建两个javafx scene shape Rectangle中的对象GridPane并执行以下操作 rectArray new Rectangle 2 boardGrid setStyle fx background color
  • 如何使用 C# 将配置文件首选项添加到 Chrome for Selenium Grid 2?

    这是我向 Chrome 添加配置文件首选项以进行本地自动测试运行和 TeamCity CI 的方法 Capabilities DesiredCapabilities Chrome var chromeOptions new ChromeOp
  • 无法添加 System.Drawing.dll 引用

    好吧 过去 4 小时我一直在处理这个 bug 但我不知道该怎么办 我正在使用 Visual Studio Community 2017 并打开 Consol App net core 项目 我也在 Windows 8 1 操作系统上工作 我
  • Hibernate/JPA - 注释 bean 方法与字段 [重复]

    这个问题在这里已经有答案了 我有一个关于 Hibernate 使用的简单问题 我不断看到人们以两种方式之一使用 JPA 注释 注释类的字段以及注释相应 bean 上的 get 方法 我的问题如下 使用 Id等JPA注释来注释字段和bean方
  • 如何在 nextjs 中导航而不丢失标头组件的状态

    有没有什么方法可以创建 构建 next js 应用程序进行导航而不丢失标头组件状态 让我解释 我有这样的标题组件 import useState from react import Link from next link export co
  • 如何将图像发布到网络服务器

    我正在使用 json 解析来处理 Web 服务 我可以从网络服务获取图像 有人可以帮助我如何发布图像吗 我如何将图像发布到网络服务 这将是类似这样的事情 NSMutableURLRequest mutableRequest NSMutabl
  • 使用 Capybara 和 Selenium 在页面上查找 svg 标签时遇到问题

    我有一个这样的测试用例 scenario there should be an SVG tag do page find svg end 由于某种原因 水豚找不到 svg 标签 即使当我查看页面的源代码时 该标签就在那里 而且也是视觉上的
  • 从 data.frame 中提取行

    我有一个 n mdata frame其中第 1 列包含感兴趣的信息 我想创建子data frames 基于第 1 列的行中的值 Example P Cat Q S nth Column S data data data data S A I
  • C# 中的“静态方法”是什么?

    将 static 关键字添加到方法中意味着什么 public static void doSomething Well do something 你可以添加static类的关键字 那意味着什么 A static函数 与常规的 instanc
  • GridView:如何制作固定标题行

    需要固定垂直滚动条的标题行 因为我的 GridView 非常大 制作 2 个面板是我最好的尝试 但也行不通 added
  • 如何将匹配器添加到 HttpSecurity spring web secure

    我尝试实现spring security 但是我有很多角色和权限 然后我想将角色动态添加到彼此的资源中 喜欢它 Override protected void configure HttpSecurity http throws Excep
  • 如何在insert sql语句中带参数传递列名

    如何在insert sql语句中带参数传递列名 例如 name name insert into employees id name values 1 a 这可能吗 不 您不可能需要在应用程序中或通过在 SQL Server 本身中使用动态
  • 利用浏览器缓存

    我有一个网站 当我使用 Google 插件检查页面速度时 我收到 利用浏览器缓存 以下资源缺少缓存过期时间 我可以在哪里更改此设置 Edit htaccess并附加
  • 将相对路径导入映射到 Typescript 中正确的“@types”

    在运行时 对于浏览器 我需要 import as d3 from lib d3 js 正确获取d3 我验证了这确实有效 但是包含上面的文件 调用它main js 是从打字稿文件生成的main ts目前从上面的同一行开始 打字稿编译器抱怨它找
  • Matlab中二阶常微分方程的求解系统

    介绍 我正在使用 Matlab 通过使用 ODE45 数值求解二阶常微分方程系统来模拟一些动态系统 我从 Mathworks 找到了一个关于如何执行此操作的精彩教程 最后的教程链接 在本教程中 方程组的 x 和 y 是显式的 如下所示 x
  • 无法在谷歌地图中保存多边形

    我有一个谷歌地图多边形对象 var poly new google maps Polygon paths new google maps LatLng 25 774252 80 190262 new google maps LatLng 1