Javascript 在一个Web表单中具有多个Google Maps API

Javascript 在一个Web表单中具有多个Google Maps API,javascript,asp.net,google-maps,google-maps-api-3,Javascript,Asp.net,Google Maps,Google Maps Api 3,我的目标是有2个谷歌地图在明确的2个单独的分区 第一组: 纬度和经度从数据库表检索到HiddenFields中。使用两个hiddenfields中的值,我使用javascript显示映射 第二组: 纬度和经度是从WebForm本身的gridview表中检索的,使用方法OnSelectedIndexChanged->i获取单元格纬度和经度,然后使用这两个值将它们带到另两个不同的HiddenFields上,然后使用javascript从gridview的值中取出地图 我已经为每个目的生成了两个单独的

我的目标是有2个谷歌地图在明确的2个单独的分区

第一组: 纬度和经度从数据库表检索到HiddenFields中。使用两个hiddenfields中的值,我使用javascript显示映射

第二组: 纬度和经度是从WebForm本身的gridview表中检索的,使用方法OnSelectedIndexChanged->i获取单元格纬度和经度,然后使用这两个值将它们带到另两个不同的HiddenFields上,然后使用javascript从gridview的值中取出地图

我已经为每个目的生成了两个单独的google map api v3密钥。在为我的第二个div添加代码之后,我得到了错误,并且我已经读到了关于它的信息,你不能让2个Java脚本执行映射

我能得到任何帮助,让这两张地图显示出来吗?我已经有密码了。。我想如果我加上它们会太长。。但如果有人要求,我会加进去的


谢谢。。谢谢你的帮助

我不认为由于配额限制的原因,谷歌允许同一个项目使用多个API键

配额限制是在独特的项目基础上实施的,您不能采取任何行动规避配额限制。例如,您不能创建多个项目来复合和超过配额限制

您只需实例化两个映射即可:

const map = new google.maps.Map(someMapElement, someOptions);
const secondMap = new google.maps.Map(someOtherMapElement, someOtherOptions);
其中,选项是一个对象,包含您在问题中详述的字段中的lat、lng等数据

下面是一个快速而肮脏的例子来演示两个地图,在同一页面上呈现两组完全不同的数据:


嘿,斯蒂芬。。是的,我也这么认为。。。啊。。你能给我举个例子吗?我会上传我的代码。。理由是。。不应该成为借口,但我对js不太了解。我的第一张和第二张地图是WebForm2。第一个映射的mapoptions是从webform 1从会话变量派生的。而第二个贴图是基于在gridview中单击一行。所以基本上,第一个map mapoptions实际上是在pageload上加载的,也就是加载所有DOM元素的时候。。这个例子是由stefan提供的吗?@domster,听起来你的工作可能是找出其余的。使用API密钥没有什么区别。