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