receiveDataFromParent方法中已经标明怎么生成标记点和圆圈范围。
tip：自行查看。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>签到</title>
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=f28c913b832dfdb098dbaedb56cec58e">
</script>
<script src="../js/uni.webview.1.5.2.js"></script>
<script>
var map;
var zoom = 15;
function receiveDataFromParent(longitude, latitude) {
map = new T.Map('mapDiv');
map.centerAndZoom(new T.LngLat(longitude, latitude), zoom);
console.log(map);
//向地图上添加标注
var marker = new T.Marker(new T.LngLat(longitude, latitude));
map.addOverLay(marker);
//向地图上添加范围
var circle = new T.Circle(new T.LngLat(longitude, latitude), 500, {
color: "blue",
weight: 5,
opacity: 0.5,
fillColor: "#a6e0e5",
fillOpacity: 0.5,
lineStyle: "solid"
});
//向地图上添加圆
map.addOverLay(circle);
}
receiveDataFromParent();
function getall() {
}
var updateView = plus.webview.create(
"/hybrid/html/footer-tab.html",
"footer-tab", {
width: "100%",
height: '80px',
bottom: '0px',
background: "transparent" //transparent
}, {
preload: {}
}
);
updateView.show()
</script>
</head>
<body style="margin: 0;padding: 0" onLoad="onLoad()">
<div>
<div id="mapDiv" style="width:500px; height:400px;margin: 0;padding: 0">
</div>
<div id='dataContainer'></div>
<img src="/static/logo.png" alt="">
</div>
</body>
</html>
扫一扫
1615
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
