簡體   English   中英

如何將此jQuery添加到我的Javascript中?

[英]How do I add this jQuery into my Javascript?

我對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);
});

基本上,此代碼應在Google地圖上顯示位置,該位置由經度和緯度設置。 在標記上,我想彈出一個帶有地址的信息框。 我找到的jQuery代碼似乎可以在這里使用 ,但是由於我必須將其包含在JS中,因此我的表現有所欠缺。 我希望有人能幫助我,但我不知道如何實施。

您需要將jquery腳本鏈接添加到標簽。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM