Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API错误_Javascript_Html_Google Maps - Fatal编程技术网

Javascript 谷歌地图API错误

Javascript 谷歌地图API错误,javascript,html,google-maps,Javascript,Html,Google Maps,为什么我收到3个错误 js? 1.您已多次在此页面上包含Google Maps API。这可能会导致此页上出现意外错误。次。这可能会导致意外错误。 2.谷歌地图API警告:NoApiKeys 3.谷歌地图API警告:SensorNotRequired 我已经用我使用的代码更新了我的帖子 jQuery(函数($){ //异步加载映射API var script=document.createElement('script'); script.src=“//maps.googleapis.com

为什么我收到3个错误 js? 1.您已多次在此页面上包含Google Maps API。这可能会导致此页上出现意外错误。次。这可能会导致意外错误。 2.谷歌地图API警告:NoApiKeys 3.谷歌地图API警告:SensorNotRequired

我已经用我使用的代码更新了我的帖子

jQuery(函数($){
//异步加载映射API
var script=document.createElement('script');
script.src=“//maps.googleapis.com/maps/api/js?key=AIzaSyCtUEDsZQxJvGCRtBNCHGSCmS51kJkuruo&libraries=places&sensor=false&callback=initialize”;
document.body.appendChild(脚本);
});
变量icon2=”https://d2rw3as29v290b.cloudfront.net/instances/130/uploads/ckeditor/picture/data/3224/icon2.png";
变量icon1=”https://d2rw3as29v290b.cloudfront.net/instances/130/uploads/ckeditor/picture/data/3223/icon1.png";
函数attachClickHandler(标记器){
var elem=$(marker.url);
google.maps.event.addListener(标记'click',函数(){
console.log(marker.title);
$('html,body')。设置动画({
scrollTop:elem.offset().top
-250 }, 2000 );
}),
google.maps.event.addListener(标记'mouseover',函数(){
标记设置图标(icon2);
}),
google.maps.event.addListener(标记'mouseout',函数(){
标记设置图标(icon1);
})
$(marker.url).on(“mouseover”,函数(){
标记设置图标(icon2);
});
$(marker.url).on(“mouseout”,函数(){
标记设置图标(icon1);
});
}
//div悬停更改图标
$(文档).ready(函数(){
//启动谷歌地图
初始化();
});
函数初始化(){
var styledMapType=new google.maps.styledMapType(
[
{elementType:'labels.text.fill',样式器:[{color:'#705135'}]},
{elementType:'labels.text.stroke',样式器:[{color:'#f5f1e6'}]},
{
featureType:'管理',
elementType:'geometry.stroke',
样式器:[{color:'#c9b2a6'}]
},
{
功能类型:“水”,
elementType:'geometry.fill',
样式器:[{color:'#457cbc'}]
},
{
功能类型:“水”,
elementType:'labels.text.fill',
样式器:[{color:'#fff'}]
},
{
特征类型:“poi”,
elementType:“标签.文本.笔划”,
样式:[
{“颜色”:“#cd5cb9”},
{
“可见性”:“关闭”
}
]
},
{
功能类型:“poi.park”,
elementType:“标签.文本.填充”,
样式:[
{
“颜色”:“458035”
}
]
},
{
featureType:“transit.line”,
elementType:“标签.文本.笔划”,
样式:[
{
“颜色”:“cd5cb9”
}
]
},
{
特色类型:“水”,
elementType:“几何体”,
样式:[
{
“颜色”:“457cbc”
}
]
},
{
特色类型:“水”,
elementType:“几何体.笔划”,
样式:[
{
“可见性”:“简化”
}
]
},
{
特色类型:“水”,
elementType:“标签.文本.填充”,
样式:[
{
“颜色”:“#ffffff”
}
]
},
{
特色类型:“水”,
elementType:“标签.文本.笔划”,
样式:[
{
“可见性”:“关闭”
}
]
}
],
{name:'Styled Map'});
var映射;
var bounds=new google.maps.LatLngBounds();
var latlng=新的google.maps.latlng(33.8688151.2093);
变量映射选项={
mapTypeId:“路线图”,
中心:拉特林,
动物控制:对,
ZoomControl选项:{
位置:google.maps.ControlPosition.RIGHT\u顶部
},
scaleControl:对,
手势处理:'贪婪',
街景控制:对,
街景控制选项:{
位置:google.maps.ControlPosition.RIGHT\u顶部
}
};
纬度,
经度,
数据名,
库尔,
库尔,
标记;
var标记=[];
google.maps.event.addDomListener(窗口,“加载”,函数(){
});
$(“.location”).each(函数(){
纬度=$(this.attr('data-latitude');
经度=$(this.attr('data-longitude');
dataName=$(this.attr('data-name');
dataId=$(this.attr('id');
//多重标记
markers.push([dataName,latitude,longitude,“#”+dataId])
});
控制台日志(标记);
//在页面上显示地图
map=new google.maps.map(document.getElementById(“map\u-con”)