diff --git a/index.html b/index.html
index 22efbb4..3225965 100644
--- a/index.html
+++ b/index.html
@@ -32,11 +32,11 @@
// http://api.amap.com/javascript/index
// http://api.amap.com/javascript/example
-var mapObj;
+let mapObj;
function addBuildings(){
if (typeof(Worker) !== "undefined") {
- var buildings = new AMap.Buildings(); //实例化3D楼块图层
+ let buildings = new AMap.Buildings(); //实例化3D楼块图层
buildings.setMap(mapObj);//在map中添加3D楼块图层
} else {
// document.getElementById("info").innerHTML="对不起,运行该示例需要浏览器支持HTML5!";
@@ -47,17 +47,17 @@ function addBuildings(){
//添加带文本的点标记覆盖物
function addMarker(){
//自定义点标记内容
- var markerContent = document.createElement("div");
+ let markerContent = document.createElement("div");
markerContent.className = "markerContentStyle";
//点标记中的图标
- var markerImg= document.createElement("img");
+ let markerImg= document.createElement("img");
markerImg.className="markerlnglat";
markerImg.src="https://webapi.amap.com/images/0.png";
markerContent.appendChild(markerImg);
//点标记中的文本
- var markerSpan = document.createElement("span");
+ let markerSpan = document.createElement("span");
markerSpan.innerHTML = "我是自定义样式的点标记哦!";
markerContent.appendChild(markerSpan);
marker = new AMap.Marker({
@@ -85,14 +85,14 @@ function mapInit(){
// https://github.com/unixcrh/DOUBANTONGCHENG/blob/master/DouBanTongCheng/ContentVC.m
// https://developers.douban.com/wiki/?title=event_v2
- var doubanEvents = [
+ let doubanEvents = [
"https://api.douban.com/v2/event/list?loc=shanghai&type=music&max-results=30&callback=?",
"https://api.douban.com/v2/event/list?loc=shanghai&type=drama&max-results=30&callback=?",
"https://api.douban.com/v2/event/list?loc=shanghai&type=film&max-results=30&callback=?",
"https://api.douban.com/v2/event/list?loc=shanghai&type=exhibition&max-results=30&callback=?",
];
// http://fontawesome.io/icons/
- var doubanIcons = [
+ let doubanIcons = [
'',
'',
'',
@@ -100,20 +100,22 @@ function mapInit(){
];
// http://www.flaticon.com/
- var doubanFlatIcons = [
+ let doubanFlatIcons = [
'media/music-player.png',
'media/theater.png',
'media/camera.png',
'media/college.png',
];
+
+ let fail_to_access_douban = false;
doubanEvents.forEach(function(doubanEvent, i) {
$.getJSON(doubanEvent)
.done(function(json){
//response json are now in the json variable
// console.log(json);
json.events.reverse().forEach(function(ev, j) {
- var geo = ev.geo.split(' ');
- var marker = new AMap.Marker({
+ let geo = ev.geo.split(' ');
+ let marker = new AMap.Marker({
map: mapObj,
position: new AMap.LngLat(geo[1], geo[0]),
icon: doubanFlatIcons[i],
@@ -145,8 +147,12 @@ function mapInit(){
});
});
})
- .fail(function() {
- console.log('Can not use douban api');
+ .fail(function( jqxhr, textStatus, error ) {
+ if (!fail_to_access_douban) {
+ let err = textStatus + ", " + error;
+ alert( "Access douban failed: " + err );
+ }
+ fail_to_access_douban = true;
});
});
}