Google maps 地图没有';无法显示谷歌地图API V3
使用v3api编写代码Google maps 地图没有';无法显示谷歌地图API V3,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,使用v3api编写代码 函数初始化() { if(GBrowserIsCompatible()) { var ch=新玻璃(0,0); 变量myOptions={ 缩放:7, 中心:ch,, mapTypeId:google.maps.mapTypeId.ROADMAP } map=新的google.maps.map(document.getElementById(“map”),myOptions); directionsDisplay=new google.maps.DirectionsRe
函数初始化()
{
if(GBrowserIsCompatible())
{
var ch=新玻璃(0,0);
变量myOptions={
缩放:7,
中心:ch,,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=新的google.maps.map(document.getElementById(“map”),myOptions);
directionsDisplay=new google.maps.DirectionsRenderer(map,document.getElementById(“map”);
方向显示.setMap(地图);
}
}
使用v2api编写代码
函数初始化()
{
if(GBrowserIsCompatible())
{
map=新的GMap2(document.getElementById(“map”);
地图设置中心(新玻璃(0,0),1);
}
}
V2 API代码工作完美,V3 API代码没有显示任何地图。
我遗漏了什么
编辑
修改V3代码如下,但仍然没有映射:
var chicago=new google.maps.LatLng(0,0);
变量myOptions={
缩放:1,
中心:芝加哥,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=新的google.maps.map(document.getElementById(“map”),myOptions);
在V3中,所有名称都已更改。例如,GLatLng
现在是google.maps.LatLng
。您需要修改代码以使用新名称
A如果你没有它在v3中没有
GLatLng
,请将其更改为google.maps.LatLng
center: chicago,
确保您正在加载正确的GoogleMapsAPI,您有一个id为map的div标记,并且(为了更好地测量)您为div指定了一个高度和宽度。(在样式表中输入高度和宽度可能更好,但为了清晰起见,我在这里将其内联。) 这是一个网页,上面有你的帖子编辑代码。试试看。对我有用
谷歌地图测试
var chicago=new google.maps.LatLng(0,0);
变量myOptions={
缩放:1,
中心:芝加哥,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=新的google.maps.map(document.getElementById(“map”),myOptions);
我也有同样的症状,我的v2地图无法与V3一起显示。当我查看浏览器控制台日志时,我看到错误:未捕获引用错误:GBrowserIsIncompatible未定义
根据,不再支持GBrowserIsIncompatible。我没有找到替代方案,只是删除了与此函数相关的逻辑。这个
我发现了上面的Google迁移指南链接中提到的其他迁移问题。1-确保您的Google map API密钥正确。
2-您的谷歌地图控制台可能未启用此功能。
3-错误地启用了位置API而不是地图API。
谢谢,但这没有改变任何事情:(地图仍然没有显示!好的,我只是抛出了if(GBrowserIsCompatible())
语句,仍然没有更改。我实际上想要这个属性:它在V2上可用吗?可能是个愚蠢的问题,但您确定document.getElementById(“map”)确实在查找DOM元素吗?而且GBrowserIsCompatible()是真的
不适用于V3 API。如果我启用它,则不会显示地图。我也尝试过,但没有帮助:(此文档也显示了它,没有引号:@AnishaKaul:你能制作一个JSFIDLE吗?(jsFIDLE.net),那么我可以了解更多关于你的案例中心的信息,需要是一个LatLng对象,而不是字符串,所以将其更改为“chicago”不会有帮助。幸运的是,OP在随后的问题编辑中似乎正确地处理了该部分。@Ray@wong2最终解决了这个问题,没有您的帮助我是做不到的!问题是这行对我有效。没有设置高度和宽度。谢谢!