Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.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 地图盒&x2B;jsFiddle+;Wordpress_Javascript_Leaflet_Geocoding_Mapbox - Fatal编程技术网

Javascript 地图盒&x2B;jsFiddle+;Wordpress

Javascript 地图盒&x2B;jsFiddle+;Wordpress,javascript,leaflet,geocoding,mapbox,Javascript,Leaflet,Geocoding,Mapbox,我为自己在编码方面的知识非常有限提前道歉。我一直在尝试在我的Wordpress网站上添加一个链接到Mapbox的自定义搜索栏,但运气不好。我创建了,或者实际上我编辑了一个我发现的JSFIDLE。我遇到的问题是将JSFIDLE中的Javascript添加到Wordpress 下面是正在工作的JSFIDLE: L.mapbox.accessToken='pk.eyj1ijoizxjpbmxpbmsilchijoiwnpiwxq5rsj9.hy5rpmPf-gpFRaNG7GHfAA'; var

我为自己在编码方面的知识非常有限提前道歉。我一直在尝试在我的Wordpress网站上添加一个链接到Mapbox的自定义搜索栏,但运气不好。我创建了,或者实际上我编辑了一个我发现的JSFIDLE。我遇到的问题是将JSFIDLE中的Javascript添加到Wordpress

  • 下面是正在工作的JSFIDLE:
L.mapbox.accessToken='pk.eyj1ijoizxjpbmxpbmsilchijoiwnpiwxq5rsj9.hy5rpmPf-gpFRaNG7GHfAA';
var geocoder=L.mapbox.geocoder('mapbox.places'),
map=null;
var map=L.mapbox.map('mapbox','erinlink.bee96628').setView([30.267153,-97.743060799997],12);
var featureLayer=L.mapbox.featureLayer('erinlink.bee96628')
.addTo(地图);
/*
var featureLayer=L.mapbox.featureLayer()
.addTo(地图);
featureLayer.loadID(“您的_id”);
*/
//添加featurelayer工作的两个版本
函数showMap(错误、数据){
//地理编码器可以返回一个区域,如一个城市或一个城市
//点,就像一个地址。我们在这里处理这两种情况,
//通过将贴图边界拟合到某个区域或缩放到某个点。
如果(!map){
map=L.mapbox.map('mapbox','erinlink.bee96628');
}
if(data.lbounds){
map.fitBounds(data.lbounds);
}else if(data.latlng){
map.setView([data.latlng[0],data.latlng[1]],12);
}
}
函数geocodeThis(){
var text=document.getElementById('searchMap')。值;
如果(text.length>=5){
地理编码器。查询(文本、显示地图);
}
}
正文{
保证金:0;
填充:0;
}
#地图盒{
宽度:100%;
身高:100%;
边框:0px实心透明;
}
#搜索地图{
z指数:10000!重要;
位置:相对位置;
浮动:对;
文本溢出:省略号;
填充:2px 0px 2px 6px;
背景色:#fff;
颜色:灰色;
字号:12号;
字体系列:投石机MS;
高度:24px;
宽度:200px;
边框:0px实心透明;
边界半径:4px4px4px4px;
余量:0px 120px 10px 10px;
}
.mapbox\u标题{
颜色:白色;
文本对齐:右对齐;
字号:10pt;
字体系列:投石机MS;
字体:斜体;
字号:100;
保证金:10px 120px 10px 0;
}



    是否在您所在地区寻找特定的口味或瓶子大小?更多信息


检查控制台是否有错误(谷歌检查chrome控制台)页面上有错误。谢谢!我检查了这些错误并改正了它们,但是在这样做的过程中出现了一个新的错误,我没有成功地改正。错误是“geocodeThis not defined.”关于如何解决这个问题有什么想法吗?当我尝试使用地图搜索表单时,错误就在这个页面上-解决了!只需将该函数移到正确的wordpress文件。检查控制台是否有错误(google check chrome控制台)页面上有错误。谢谢!我检查了这些错误并改正了它们,但是在这样做的过程中出现了一个新的错误,我没有成功地改正。错误是“geocodeThis not defined.”关于如何解决这个问题有什么想法吗?当我尝试使用地图搜索表单时,错误就在这个页面上-解决了!只需将该函数移到正确的wordpress文件。