更换自己的key就可以了
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>腾讯地图</title>
<style type="text/css">
html,body{
width:100%;
height:100%;
}
#container{
width:100%;
height:100%;
}
*{
margin:0px;
padding:0px;
}
body, button, input, select, textarea {
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
p{
width:603px;
padding-top:3px;
overflow:hidden;
}
</style>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=yourkey"></script>
<script>
function init() {
var markersArray=[];
var map = new qq.maps.Map(document.getElementById("container"),{
center: new qq.maps.LatLng(39.916527,116.397128),
zoom: 8
});
var citylocation = new qq.maps.CityService({
complete : function(result){
map.setCenter(result.detail.latLng);
localStorage.setItem('cityname',result.detail.name);
new qq.maps.Marker({
position:result.detail.latLng,
map:map
});
}
});
citylocation.searchLocalCity();
qq.maps.event.addListener(map, 'click', function(event) {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
}
var marker=new qq.maps.Marker({
position:event.latLng,
map:map
});
markersArray.push(marker);
console.log(event.latLng)
var citylocation = null;
citylocation = new qq.maps.CityService({
complete: function(results) {
localStorage.setItem('cityname',results.detail.detail.split(',')[1])
}
});
var latLng = new qq.maps.LatLng(event.latLng.getLat(), event.latLng.getLng());
citylocation.searchCityByLatLng(latLng);
});
}
function searchKeyword(keyword,page) {
var res=null;
var searchService = new qq.maps.SearchService({
location: localStorage.getItem('cityname'),
pageIndex: page,
pageCapacity: 2,
autoExtend: true,
complete: function(results) {
localStorage.setItem('res',JSON.stringify(results.detail.pois));
},
error: function() {
console.log("出错了...");
}
});
searchService.setLocation(localStorage.getItem('cityname'));
searchService.search(keyword);
return localStorage.getItem('res');
}
</script>
</head>
<body onload="init()">
<div id="container"></div>
</body>
</html>
Processed:
0.011, SQL:
9
