台灣最大程式設計社群網站
線上人數
1661
 
會員總數:241330
討論主題:186904
歡迎您免費加入會員
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
java script
價值 : 100 QP  點閱數:110 回應數:1

樓主

陳亭安
門外漢
0 2
20 0
發送站內信

請問各位前輩
我利用google map api寫了一個能接收資料庫而產生新的地標的map
想請我我要怎麼設限新的地標出來,在限定時間內就會消失
以下是我的程式碼:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport"/>
<title>各地點數值</title>
<style type="text/css">
html, body, #googft-mapCanvas {
height: 700px;
margin: 0;
padding: 0;
width: 1500px;
}
</style>

<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3"></script>

<script type="text/javascript">

function initialize() {

var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') > -1) ||
(navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|iemobile)/));
if (isMobile) {
var viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
}
var mapDiv = document.getElementById('googft-mapCanvas');
mapDiv.style.width = isMobile ? '100%' : '100%';
mapDiv.style.height = isMobile ? '100%' : '100%';
var map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(24.125380, 121.090699),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend-open'));
map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend'));

layer = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: {
select: "col2",
from: "1Frx7QvocctyE9GLqRyUr-OvD6LE-nFhgRNINY1a5",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});

if (isMobile) {
var legend = document.getElementById('googft-legend');
var legendOpenButton = document.getElementById('googft-legend-open');
var legendCloseButton = document.getElementById('googft-legend-close');
legend.style.display = 'none';
legendOpenButton.style.display = 'block';
legendCloseButton.style.display = 'block';
legendOpenButton.onclick = function() {
legend.style.display = 'block';
legendOpenButton.style.display = 'none';
}
legendCloseButton.onclick = function() {
legend.style.display = 'none';
legendOpenButton.style.display = 'block';
}
}
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googft-mapCanvas"></div>
</body>
</html>




搜尋相關Tags的文章: [ java script限制時間 ] ,
本篇文章發表於2017-12-04 14:39
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
你可以用 settimeout 來處理
本篇文章回覆於2017-12-04 16:21
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

回覆
如要回應,請先登入.