basic javascript jquery json api
basic javascript jquery json api
我有以下代码不起作用。当Jquery和javascript访问同一个变量时,我不知道如何将它们集成在同一个文件中。。。。。像这里一样,纬度1和经度1是两个变量,两者都必须使用。请帮助使其工作
<!DOCTYPE html>
<html>
<head>
<title>Place searches</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<link href="http://code.google.com//apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
var latitude1, longitude1;
$(document).ready(function () {
$(":button").click(function(){
var add = $("#destination").val();
$.getJSON("http://maps.googleapis.com/maps/api/geocode/json?address= + add +&sensor=false", function (data) {
var latitude1 = data.results[0].geometry.location.lat;
vat longitude1 = data.results[0].geometry.location.lng;
});
});
});
var map;
var infowindow;
function initialize() {
var pyrmont = new google.maps.LatLng(latitude1, longitude1);
map = new google.maps.Map(document.getElementById('map-canvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: pyrmont,
zoom: 15
});
var request = {
location: pyrmont,
radius: 500,
types: ['store']
};
infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(map);
service.nearbySearch(request, callback);
}
function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
createMarker(results[i]);
}
}
}
function createMarker(place) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(place.name);
infowindow.open(map, this);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<input type="text" id="destination" /><button type="button">Search</button><br>
<div id="map-canvas" style="width: 50%; float:left"></div>
<div style="width:46%; float:left">
</body>
</html>
如果您编写var,您将再次定义变量,因此删除var
$(document).ready(function(){
$(":button").点击(function(){
var add = $("#destination").val();
$.getJSON("http://maps.googleapis.com/maps/api/geocode/json?address= + add +&sensor=false", function (data) {
latitude1 = data.results[0].geometry.location.lat;
longitude1 = data.results[0].geometry.location.lng;
});
});
});
相关文章:
- 谷歌地图JS API+JSON-多个标记没有显示
- Twitter API JSON调用未获得最新的3条推文
- walkscore API JSON error
- 使用来自AngularJS的Web API JSON响应-错误:应为和数组,但得到了一个对象
- 将OpenClipArt api json解析为Html
- Google Visualization API JSON vs ArrayToDataTable in Python
- 滴灌API Json代码不起作用
- API JSON 回调问题
- 从谷歌地图API JSON获取formatted_address
- 为我的网站使用Facebook API JSON的最简单方法(哪种语言以及如何语法)
- YouTube feed API (JSON-P) 返回无效的 JS
- Google Maps API JSON 无法读取html_instructions
- Javascript Web API JSON解析格式问题
- 使用 tumblr API(JSON) 和 $.getJSON 从我的 tumblr 博客中获取最新文章
- PHP API JSON Response
- 如何将rest API json映射到首选的数组格式
- Google maps API: JSON to jQuery
- 谷歌地图API json传递数组
- 无法访问Zomato api JSON对象
- 模板显示Gmail API JSON输出在HTML中