平台--腾讯地图取经纬度

最新推荐文章于 2024-06-17 10:03:20 发布

MJ_RJ

最新推荐文章于 2024-06-17 10:03:20 发布

阅读量7.8k

点赞数

分类专栏：学习文章标签：腾讯地图 ip获取位置下拉省市区加载位置搜索位置加载

本文链接：https://blog.csdn.net/MJ_RJ/article/details/52487745

版权

学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!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>默认浏览器客户端IP定位</title>
<style type="text/css">
*{
    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;
}
#container{
min-width:600px;
min-height:767px;
}
#city{
height:30px;
display:none;
}
</style>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>

var citylocation, geocoder, map, marker = null;
var prov, city, area, address;
var markersArray = [];
// 搜索
function geolocation_add() {
   var storeAdd = $("#client_add").val();
   geocoder.getLocation(storeAdd);
   var lat = $("#lat").val();
   var lng = $("#lng").val();
   if (lat == null || lat == "" || lng == null || lng == "") {
       // 调用城市经纬度查询接口实现经纬查询
       geocoder.getAddress(new qq.maps.LatLng(lat, lng));
   }
}
// 调用省
function geolocation_localprov(localprov) {
   clearOverlays();
   prov = localprov;
   citylocation.searchCityByName(localprov);
}
// 调用市
function geolocation_localcity(localcity) {
   clearOverlays();
   city = localcity;
   localcity = prov + "," + localcity;
   geocoder.getLocation(localcity);
}
// 调用区
function geolocation_localarea(localarea) {
   clearOverlays();
   area = localarea;
   localarea = prov + "," + city + "," + localarea;
   geocoder.getLocation(localarea);
}
// 调用详细地址
function getaddressll(localaddress) {
   address = localaddress;
   clearOverlays();
   var storeAdd = prov + "," + city + "," + area + "," + localaddress;
   geocoder.getLocation(storeAdd);
}
// 添加标记
function addMarker(location) {
   var marker = new qq.maps.Marker({
       position : location,
       map : map
   });
   markersArray.push(marker);
}
// 清除覆盖层
function clearOverlays() {
   if (markersArray) {
       for ( var int = 0; int < markersArray.length; int++) {
           markersArray[int].setMap(null);
       }
       markersArray.length = 0;
   }
}

init();

$("#city_select").citySelect({
       nodata : "none",
       required : false,
       prov : PROVINCE,
       city : CITY,
       dist : AREA,
       url : citylist
   });

   $("#class_select").citySelect({
       nodata : "none",
       required : false,
       prov : TYPEOFONE,
       city : TYPEOFTWO,
       url : storetype
   });

</script>
</head>
<body οnlοad="init()">
<span id="city"></span>
<div id="container"></div>
<p>根据客户端IP定位地图中心位置。</p>
</body>
</html>

MJ_RJ

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
平台--腾讯地图取经纬度

默认浏览器客户端IP定位*{ margin:0px; padding:0px;}body, button, input, select, textarea { font: 12px/16px Verdana, Helvetica, Arial, sans-serif;}p{ width:603px; padding-top:
复制链接

扫一扫