为什么点击不能跳转？
来源：4-2 地图搜索（2）
soso_crazy
2019-05-10 12:40:18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>map3</title>
<link rel="stylesheet" href="css/myMap.css">
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=5f5261cc796b35dacb5aa695bc465e35"></script>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
}
#container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#searchNode {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 0 0 10px #000000;
position: absolute;
z-index: 1;
overflow: auto;
}
#node li {
cursor: pointer;
}
</style>
</head>
<body>
<div id='searchNode'>
<input type="" name="" id='searchText'>
<ul id='node'></ul>
</div>
<div id="container"></div>
<script type="text/javascript">
var map = new AMap.Map('container', {
zoom: 11
});
// AMap.plugin：加载插件 Autocomplete地图加载完毕会触发函数
AMap.plugin('AMap.Autocomplete', function() {
searchText.oninput = function() {
node.innerHTML = '';
if (this.value == '') {
return;
}
new AMap.Autocomplete().search(this.value, function(status, data) {
console.log(data.tips);
for (var i = 0; i < data.tips.length; i++) {
var oLi = document.createElement('li');
oLi.innerHTML = data.tips[i].name;
oLi.P = data.tips[i].location.P;
oLi.R = data.tips[i].location.R;
node.appendChild(oLi);
oLi.onclick = function() {
console.log(this.R, this.P);
map.setCenter([this.R, this.P]);
};
}
});
}
});
</script>
</body>
</html>
2回答
-
好帮手慕糖
2019-05-10
你好，能够自己发现问题很棒哦，下次书写代码也要认真检查哦。
祝学习愉快！
0 -
soso_crazy
提问者
2019-05-10
原来 location.R变为Q了，找到问题了
oLi.Q = data.tips[i].location.Q;
0
相似问题