javascript-从输入框中对位置进行地理编码
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-从输入框中对位置进行地理编码,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1580字,纯文字阅读大概需要3分钟。
内容图文
![javascript-从输入框中对位置进行地理编码](/upload/InfoBanner/zyjiaocheng/675/d1bdd240dabd44ca847f58c68c76271b.jpg)
我是google地图的新手,只是想尽其所能.我希望能够输入城市或地址,然后让地图加载它并放置一个标记.
现在,我的地图最初加载良好,但是当我输入城市或地址时,什么也没发生.知道这里发生了什么吗?
<script type="text/javascript">
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlang = new google.maps.LatLng(42, -84);
var myOptions = {
center: latlang, zoom: 5, mapTypeId: google.maps.MapTypeId.SATELLITE,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
}
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
function codeAddress() {
var sAddress = document.getElementById("newLocation").value;
geocoder.geocode( { 'address': sAddress}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
}
else{
alert("Geocode was not successful for the following reason: " + status);
}
});
}
</script>
</head>
<body onl oad="initialize()">
Address: <input type="text" id="newLocation" style=" width:200px" title="Address to Geocode" />
<input type="button" onclick="codeAddress()" id="inputButtonGeocode" style="width:150px" title="Click to Geocode" value="Geocode" />
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
解决方法:
在行中
var map = new google.maps.Map(document.getElementById(“ map_canvas”)…
删除单词var.因为它会在功能上局部的范围内创建地图,并且地理编码功能只能看到先前的(空)地图变量.通过删除它,全局地图变量将更新为该新的Google地图.
内容总结
以上是互联网集市为您收集整理的javascript-从输入框中对位置进行地理编码全部内容,希望文章能够帮你解决javascript-从输入框中对位置进行地理编码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。