百度地图,搜索功能,地图的高级引用


百度地图,搜索功能,地图的高级引用

需要参考的官方文档

百度地图API实例

http://developer.baidu.com/map/jsdemo.htm#c2_8

JSAPI类参考

http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b0

URI/API/WEB

http://lbsyun.baidu.com/index.php?title=uri/api/web

源码位置:

http://download.csdn.net/detail/fulq1234/9843347


用到的知识点:

1.ip定位

getCurrentPosition

2.创建标注

addOverlay

3.点击事件

marker.addEventListener("click",function(){});

4.

var local = new BMap.LocalSearch(map, {
renderOptions:{map: map, 
panel:"r-result" 
}
});

5.setResultsHtmlSetCallback(callback: Function):设置结果列表创建后的回调函数


1.实体店地图




	
	
	
	
	
	
	
	
	
	
	
	
	
	
	实体店地图
	
	



		




显示效果


选择地图的数字点,在下方,会出现一个显示具体内容的框,

百度地图,搜索功能,地图的高级引用_第1张图片


选择红色图标,会提示,“显示路线"

百度地图,搜索功能,地图的高级引用_第2张图片

百度地图,搜索功能,地图的高级引用_第3张图片


2,添加地址的地图





	
	
	
	
	
	
	
	
	
	
	
	
	

  
  






		
		
		






显示效果
初始,会显示自己当前位置

百度地图,搜索功能,地图的高级引用_第4张图片


搜索”超市“,会显示相应的超市。
这里有所改进的地方是:
显示面板,把详情和电话,去掉了。

百度地图,搜索功能,地图的高级引用_第5张图片

你可能感兴趣的:(百度地图)