Files
vczero.github.io/webview/index.html
T
2015-09-29 17:06:43 +08:00

63 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html style="width: 100%;height:100%;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!--360极速模式-->
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="telephone=no" searchtype="map">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-title" content="地图">
<!--<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />-->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,minimal-ui">
<meta name="misapplication-tap-highlight" content="no" />
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<title>地图</title>
</head>
<body style="width: 100%;height:100%;padding:0;margin:0;">
<div id="map" style="width: 100%;height:100%;">
</div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=6a1180467b5f36714645d22044535ab7"></script>
<script type="text/javascript">
var map = new AMap.Map('map',{
resizeEnable: true
});
map.setZoom(16);
var handle = setInterval(function(){
if(window.data && window.pos){
clearInterval(handle);
var pos = JSON.parse(window.pos);
//地图居中
map.setCenter(new AMap.LngLat(pos.x, pos.y));
//添加点
var obj = JSON.parse(window.data);
for(var i in obj){
var marker = new AMap.Marker({
map: map,
position: new AMap.LngLat(obj[i].x, obj[i].y)
});
}
}
}, 100)
</script>
</body>
</html>