Javascript 如何解决Google地图与其他jQuery插件的冲突?
我正在建立wordpress网站,我用这个代码添加了谷歌地图Javascript 如何解决Google地图与其他jQuery插件的冲突?,javascript,jquery,wordpress,google-maps,Javascript,Jquery,Wordpress,Google Maps,我正在建立wordpress网站,我用这个代码添加了谷歌地图 <script type='text/javascript' src='http://maps.googleapis.com/maps/api/js?sensor=false&v=3.exp'></script> <script type='text/javascript' src='http://sabastudios.com/ext/responsive-maps-plugin/in
<script type='text/javascript' src='http://maps.googleapis.com/maps/api/js?sensor=false&v=3.exp'></script>
<script type='text/javascript' src='http://sabastudios.com/ext/responsive-maps-plugin/includes/js/jquery.gmap.min.js?ver=3.3.3'></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
var mapdiv = jQuery("#responsive_map_1932889777");
mapdiv.gMapResp({
maptype: google.maps.MapTypeId.ROADMAP,
zoom: 17,
markers: [{
address: '1 Hermann Park Ct #634 Houston, Texas 77021',
html:'<img src=\'http://motiongiraffx.com/wp-content/uploads/2015/07/marker.png\' width=\'100px\'><br><br /> 1 Hermann Park Ct #634 <br/>Houston, Texas 77021',
popup: true,
flat: true,
icon: {
iconsize: [100, 75],
iconanchor: null,
shadowsize: [50, 50],
shadowanchor: null}}],
panControl: false,
zoomControl: true,
draggable: true,
scrollwheel: true,
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
overviewMapControl: true,
latitude: null,
longitude: null });
});
window.onresize = function() {
jQuery('.responsive-map').each(function(i, obj) {
var gmap = jQuery(this).data('gmap').gmap;
google.maps.event.trigger(gmap, 'resize');
jQuery(this).gMapResp('fixAfterResize');
});
};
</script>
<div id="responsive_map_1932889777" class="responsive-map" style="height:450px;width:100%;"></div>
jQuery(文档).ready(函数($){
var-mapdiv=jQuery(“#responsive_-map_1932889777”);
mapdiv.gMapResp({
地图类型:google.maps.MapTypeId.ROADMAP,
缩放:17,
标记:[{
地址:德克萨斯州休斯顿市赫尔曼公园1号,邮编:77021,
html:“
德克萨斯州休斯顿赫尔曼公园1号77021”,
是的,
平:是的,
图标:{
iconsize:[100,75],
iconanchor:null,
阴影大小:[50,50],
shadowanchor:null}}],
泛控制:错误,
动物控制:对,
真的,
滚轮:对,
mapTypeControl:false,
scaleControl:false,
街景控制:错误,
overviewMapControl:true,
纬度:空,
经度:空});
});
window.onresize=函数(){
jQuery('.responsive map')。每个(函数(i,obj){
var gmap=jQuery(this).data('gmap').gmap;
google.maps.event.trigger(gmap,“resize”);
jQuery(this.gMapResp('fixAfterResize');
});
};
但当我添加任何其他jQuery插件时,我得到了一个地图错误,该地图无法读取未定义的属性“gmap”。我想可能有冲突,但我不知道如何解决
例如,我想添加这两个插件
解决WordPress中或插件之间冲突的最佳方法是什么?我猜脚本加载有问题。你能发布一个网址吗?或者从您的资源中检查脚本是否已加载?这是指向我的网站的链接。我添加了滚动效果插件,我的地图停止工作。如果我删除该插件,则映射将起作用。我不确定是什么问题。地图应放在联系方式部分。这个插件也有一个错误,他的函数不是函数。我正在使用wordpress wp_enqueue_script()函数在function.php文件中包含脚本。jQuery.js是否在页面中包含多次?任何附加到一个版本的插件都将被加载的后续版本删除。我看不到指向您页面的链接?我猜脚本加载有问题。你能发布一个网址吗?或者从您的资源中检查脚本是否已加载?这是指向我的网站的链接。我添加了滚动效果插件,我的地图停止工作。如果我删除该插件,则映射将起作用。我不确定是什么问题。地图应放在联系方式部分。这个插件也有一个错误,他的函数不是函数。我正在使用wordpress wp_enqueue_script()函数在function.php文件中包含脚本。jQuery.js是否在页面中包含多次?任何附加到一个版本的插件都将被加载的后续版本删除。我看不到您页面的链接吗?