gpt4 book ai didi

javascript - 如何将此 jQuery 添加到我的 Javascript 中?

转载 作者:行者123 更新时间:2023-12-03 11:24:16 24 4
gpt4 key购买 nike

我对 JS 和 jQuery 都非常陌生,我有以下代码:

<html>
<style>
/**
* Default attributes for gadget body.
*/
body {
font-family: Arial;
background: none transparent;
padding: 0px;
}
html, body, #map_canvas {
margin: 0;
padding: 0;
height: 100%;
}
</style>
<body>
<div id="map_canvas"></div>
<script>
var APIKey = "MyKeyValueIsInHere";
var geocoder;
var map;
var marker;
var locationTest = 'http://nominatim.openstreetmap.org/reverse?format=json&lat=55.653363&lon=12.547604&zoom=18&addressdetails=1';
var lat = 55.653363;
var lng = 12.547604;

function initialize() {
var latlng = new google.maps.LatLng(lat,lng);
// set the options for zoom level and map type
var myOptions = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
// create a map in the map_canvas div element
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
map.setCenter(latlng);
var marker = new google.maps.Marker({
map: map,
position: latlng

});
alert(locationTest);
var text = JSON.parse(locationTest);
var infoWindow = new google.maps.InfoWindow();

var houseNumber = text.address.house_number;
var road = text.address.road;
var suburb = text.address.suburb;
var zipCode = text.address.postcode;
var city = text.address.city;

var address = road + " " + houseNumber + ", " + zipCode + " " + suburb + " i " + city;


google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(address);
infoWindow.open(map, this);
});
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=" + APIKey + "&sensor=false&callback=initialize";

document.body.appendChild(script);
}

loadScript();
</script>
</body>
</html>

我需要合并以下代码:

$('#c').load('http://nominatim.openstreetmap.org/reverse?format=json&lat=55.653363&lon=12.547604&zoom=18&addressdetails=1', function (response) {
console.log('response is', response);
var b = $('#c').html();
console.log('b is', b);
var a = JSON.parse(b);
console.log('a is ', a);
$('#d').html(a.address.neighbourhood);
});

基本上,这段代码应该在谷歌地图上显示一个位置,该位置由经度和纬度设置。在标记上,我希望弹出一个包含地址的信息框。我找到的 jQuery 代码似乎可以工作 here ,但现在我必须将其包含到我的 JS 中,所以我已经做不到了。我希望有人能帮助我,我不知道如何实现。

最佳答案

您需要将 jquery 脚本链接添加到您的标记。

<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>

关于javascript - 如何将此 jQuery 添加到我的 Javascript 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26990079/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com