Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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上创建的特定搜索栏缩放标记?_Javascript_Jquery_Html - Fatal编程技术网

如何从Javascript上创建的特定搜索栏缩放标记?

如何从Javascript上创建的特定搜索栏缩放标记?,javascript,jquery,html,Javascript,Jquery,Html,我试图从用Javascript创建的搜索栏中放大我的标记。这个搜索栏有一个自动完成表单,这个功能运行良好。但是,当我从选择栏中选择一个冰川(我正在与瑞士冰川合作)时,没有交互作用,我真的不明白如何创建这种交互作用 我在Javascript、HTML方面没有太多经验。。。所以,如果你能尽可能清楚,那就太酷了!我确信冰川的所有信息都存储在sql数据库中 下面是我的代码中可能很重要的一部分: HTML部分: <body> <div class = "main">

我试图从用Javascript创建的搜索栏中放大我的标记。这个搜索栏有一个自动完成表单,这个功能运行良好。但是,当我从选择栏中选择一个冰川(我正在与瑞士冰川合作)时,没有交互作用,我真的不明白如何创建这种交互作用

我在Javascript、HTML方面没有太多经验。。。所以,如果你能尽可能清楚,那就太酷了!我确信冰川的所有信息都存储在sql数据库中

下面是我的代码中可能很重要的一部分:

HTML部分:

 <body>
    <div class = "main">
  <div id="map" class="glaciers"></div>
  <div id= "coordonnees">Coordonnées: déplacez la souris sur la carte</div>
  <div class = "sidebar_gl">
    <p class= "explication"> Choix du glacier:</p>
    <form autocomplete="off" id= "glacier_form" action="zoom_barre">
      <div class="autocomplete" style="width:300px;">
        <input id="myInput" type="text" name="myGlacier" placeholder="Glaciers">
      </div>
      <input id = "button_submit" type="submit">
    </form>
      </div>
    </div>

合作伙伴:按菜单点菜

Choix du冰川:

Javascript部分:

function show_glaciers(){

  var url = '/glaciers_info.json';

  $.getJSON(url, function(data){
    var dict={};
    for (var i=0; i <data.length; i++){
      var glacier = data[i];
      dict[glacier.nom]=ajouter_marqueur_glacier(glacier);
    }
        GlacierDictionary =dict; // store Globale
    autocomplete(document.getElementById("myInput"), Object.keys(dict));
    });

}

show_glaciers();
function zoom_barre(glacier){
$('#myInput').on('change', function(e){
  var id_glacier = $('#myInput').val();
  if (id_glacier == "") return;
  var glacier = glacier[id_glacier]
  mymap.panTo(([glacier.y, glacier.x]), {animate: true});
   mymap.flyTo(([glacier.y, glacier.x]),14);
});
}
zoom_barre()
}
函数show_(){
var url='/china_info.json';
$.getJSON(url、函数(数据){
var dict={};

对于(var i=0;i),代码引用了
mymap
,但它似乎没有定义。它可能是谷歌地图吗?不,不,我只是没有把我所有的javascript代码都放在这部分,因为他太大了。我所有的变量都定义了,所以这不是问题。不,它不是谷歌地图,我只是用传单创建了我自己的地图。