腾讯地图拾取坐标html,腾讯地图Api 实现拾取坐标功能示例

一、注册Api账号，引用js库

二、编写坐标拾取js代码和html代码

//按钮定义

*坐标：

经度

纬度

点击坐标拾取

//弹出框定义

×

拖动位置标记设置坐标

确定

js代码示例

//选择坐标处理

var map;

var marker;

var init = function () {

var center = new qq.maps.LatLng(39.916527, 116.397128);

map = new qq.maps.Map(document.getElementById('mapContainer'), {

center: center,

zoom: 13

});

//获取城市列表接口设置中心点

citylocation = new qq.maps.CityService({

complete: function (result) {

map.setCenter(result.detail.latLng);

//添加标记

marker= new qq.maps.Marker({

position: result.detail.latLng,

draggable: true,

map: map

});

//添加到提示窗

var info = new qq.maps.InfoWindow({

map: map

});

qq.maps.event.addListener(marker, 'mouseup', function (e) {

//获取经纬度 e.latLng

//获取坐标 e.cursorPixel

info.open();

info.setContent('

坐标：' + e.latLng.lat + ',' + e.latLng.lng + '');

info.setPosition(e.latLng);

$scope.entity.Longitude = e.latLng.lng;

$scope.entity.Latitude = e.latLng.lat;

$scope.$apply();

});

}

});

//调用searchLocalCity();方法 根据用户IP查询城市信息。

citylocation.searchLocalCity();

}

init();

$scope.mapShow = function () {

$('#mapModal').modal('show');

if ($scope.entity.Latitude != undefined) {

var point = new qq.maps.LatLng($scope.entity.Latitude, $scope.entity.Longitude);

map.setCenter(point);

marker.setPosition(point);

}

}

三、添加或修改时坐标对应截图

更多：

常用电子面单接口对接技术文档_菜鸟_快递鸟

爬取Ip地址对应的物理位置等信息-百度服务器

新浪微博登陆，获取微博用的信息