天地图API搜索。定位等

最新推荐文章于 2024-08-10 13:50:28 发布

qq_38186132

最新推荐文章于 2024-08-10 13:50:28 发布

阅读量4.3k

点赞数

文章标签： api 地图api 天地图API地位

本文链接：https://blog.csdn.net/qq_38186132/article/details/69945780

版权

本文介绍如何利用天地图API进行地图调用，实现高效精准的搜索和定位功能，帮助开发者在项目中有效集成地图服务。

摘要由CSDN通过智能技术生成

empty 
 
 

   
   
    

   
   
    
地图API调用

 
<script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script> 
<script type="text/javascript" src="http://api.tianditu.com/js/service.js"></script>
<script type="text/javascript" src="http://api.tianditu.com/api?v=4.0"></script> 
<script> 
	var map; 
	var zoom = 12; 
	var localsearch;
	function onLoad() 
	{ 
	   	//初始化地图对象 
	   	map=new TMap("mapDiv"); 
	   	//设置显示地图的中心点和级别 
		map.centerAndZoom(new TLngLat(116.40969,39.89945),zoom); 
                //创建比例尺控件对象
                var scale = new TScaleControl();
                //添加比例尺控件
                map.addControl(scale);
				
		        //地图定位
		        navigator.geolocation.getCurrentPosition(function(position){

                var y = position.coords.longitude;//经度
                var x = position.coords.latitude;//维度
                console.log(y,x);
                //设置显示地图的中心点和级别
                map.centerAndZoom(new TLngLat(y,x),zoom);
                //允许鼠标滚轮缩放地图
                //map.enableHandleMouseScroll();

                //向地图上添加自定义标注
                var marker1 = new TMarker(new TLngLat(y,x));
                //向地图上添加标注
                map.addOverLay(marker1);
            });
 		
				
        //地图搜索
		var config = { 
			pageCapacity:10,	//每页显示的数量 
			onSearchComplete:localSearchResult	//接收数据的回调函数 
		}; 
		//创建搜索对象 
		localsearch = new TLocalSearch(map,config);


                //设置鹰眼
                var config1 = {
                anchor: "TMAP_ANCHOR_BOTTOM_RIGHT", //设置鹰眼位置,"TMAP_ANCHOR_TOP_LEFT"表示左上，"TMAP_ANCHOR_TOP_RIGHT"表示右上࿰