从本地服务器上的文件读取XML或JSON
Reading in XML or JSON from file on local server
我试图从XML文件或JSON文件加载在谷歌地图中使用的坐标列表(我都在本地测试服务器上的同一目录中托管)。到目前为止,我已经使用硬编码的JSON对象来加载要测试的地图坐标。我的问题是,如何用服务器上的XML/JSON文件替换假/硬编码JSON ?下面是我的代码:
(function() {
// Creating an array that will contain all of our product icons
var productIcons = [];
productIcons['bulletin'] = new google.maps.MarkerImage(
'icons/Bulletin-sm.png',
new google.maps.Size(48, 48),
null,
new google.maps.Point(24, 24)
);
productIcons['bus'] = new google.maps.MarkerImage(
'icons/busicon.png',
new google.maps.Size(48, 48),
null,
new google.maps.Point(24, 24)
);
productIcons['bench'] = new google.maps.MarkerImage(
'icons/BusBench-sm.png',
new google.maps.Size(48, 48),
null,
new google.maps.Point(24, 24)
);
productIcons['junior'] = new google.maps.MarkerImage(
'icons/JuniorPoster-sm.png',
new google.maps.Size(48, 48),
null,
new google.maps.Point(24, 24)
);
productIcons['poster'] = new google.maps.MarkerImage(
'icons/Poster-sm.png',
new google.maps.Size(48, 48),
null,
new google.maps.Point(24, 24)
);
productIcons['shelter'] = new google.maps.MarkerImage(
'icons/TransitShelter-sm.png',
new google.maps.Size(48, 48),
null,
new google.maps.Point(24, 24)
);
window.onload = function() {
// Creating a map
var options = {
zoom: 3,
center: new google.maps.LatLng(37.09, -95.71),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), options);
// Creating a JSON object with fake product data (to be replaced by XML or JSON)
var productData = {'product': [
{
'lat': 40.756054,
'lng': -119.986951,
'productType': 'junior'
},
{
'lat': 35.620973,
'lng': -121.347276,
'productType': 'shelter'
},
{
'lat': 40.620973,
'lng': -121.347276,
'productType': 'bus'
},
{
'lat': 39.120973,
'lng': -122.847276,
'productType': 'bench'
},
{
'lat': 35.920973,
'lng': -122.347276,
'productType': 'bulletin'
},
{
'lat': 37.775206,
'lng': -122.419209,
'productType': 'poster'
}
]};
// Looping through the product array in productData
for (var i = 0; i < productData.product.length; i++) {
// creating a variable that will hold the current product object
var product = productData.product[i];
// Creating marker
var marker = new google.maps.Marker({
position: new google.maps.LatLng(product.lat, product.lng),
map: map,
icon: productIcons[product.productType]
});
}
}
})();
我认为你可以在服务器上设置一个RESTFUL web服务,然后使用jquery的ajax功能从中获取JSON内容。
ajax教程Ajax post and get教程
至于RESTFUL web服务端,有许多技术可以探索。只需搜索"java restful web服务教程"或"。. NET WCF RESTFUL"
相关文章:
- 在一个循环中读取xml文件的所有节点
- 如何用javascript读取xml文件
- dojo/request/iframe中读取xml响应的缺陷
- 读取 xml 文件时出现意外的令牌<
- 从 Chrome 或 IE 中的 Javascript 本地读取 XML 文件;这也应该与安卓手机兼容
- 我如何创建一个读取 xml 或 json 的 Chrome 扩展程序
- 不使用本地/网络服务器读取 xml
- 使用 Jquery 读取 XML 文件,如何将其与服务器发送事件相结合并保持页面最新
- 无法使用 Firefox 以外的 JavaScript 读取 XML 文件
- JavaScript 读取 XML 是完全错误的
- 如何在 JavaScript 中从 FTP 服务器读取 XML
- 如何在 jQuery 中读取 xml 文件内容并在 html 元素中显示
- 从文件服务器读取 XML 文件
- Internet Explorer 11 不会读取 XML 的“getElementById”并返回 null
- 为什么我在 JavaScript 中读取 XML 文件时得到空结果
- 如何使用纯JavaScript离线读取“.XML”文件
- 如何读取xml数据并通过标记将其分离
- 跨域AJAX读取XML
- 如何从一个函数中读取xml,该函数由javascript中的另一个函数加载
- 使用Javascript读取XML文件