结尾附视频腾讯位置 - 地址解析( 二 ) _视频

type="text/css">#container {/*地图(容器)显示大小*/width: 800px;height: 400px;}src="http://www.kingceram.com/post/js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8">src="http://www.kingceram.com/post/js/jquery-ui.min.js" type="text/javascript" charset="utf-8">type="text/javascript">$(function() {$("#search").autocomplete({ //为文本框完成绑定source: function(request, response) {//从request对象中获得文本框内容var keyword = request.term;//定义数组，封装最终结果var obj = [];$.ajax({url: "https://apis.map.qq.com/ws/place/v1/suggestion",type: "get",dataType: "json",async: false, //关闭异步data: {"key": "替换为自己的key","keyword": keyword,"region": "北京"},success: function(resp) {for (i in resp.data) {//此处可以根据需要自定义要显示的内容以及封装的数据obj.push({"label": resp.data[i].title + "[" + resp.data[i].province + "-" + resp.data[i].city + "-" + resp.data[i].district + "]",//此处补全城市信息"value": resp.data[i].city + resp.data[i].title});//label为提示显示的内容//value为选中后补全出现在文本框中的内容}}});//将obj最为结果返回response(obj);}});});src="http://img.gansulong.com/230625/0539415Y3-2.jpg">>//定义初始中心点坐标var center = new TMap.LatLng(40.046394,116.285335);//定义全局变量mapvar map;//定义全局变量markerLayervar markerLayer;//地图初始化函数function initMap() {//调用 TMap.Map() 构造函数创建地图map = new TMap.Map(document.getElementById('container'), {center: center,//设置地图中心点坐标zoom: 18,//设置地图缩放级别pitch: 43.5,//设置俯仰角rotation: 45//设置地图旋转角度});//初始化MultiMarkermarkerLayer = new TMap.MultiMarker({map: map//指定地图容器});}// 页面加载完成后执行$(function(){//初始化显示地图initMap();//解析按钮点击事件绑定$("#coder").click(function(){//获取信息，在地图上进行标记(同时挪动中心点)});});

结尾附视频 腾讯位置 - 地址解析( 二 )

结尾附视频腾讯位置 - 地址解析( 二 )