网页引用百度地图实例代码
分类:实例代码
网页引用百度地图实例代码属于前端实例代码,有关更多实例代码大家可以查看。
在很多网站都有对百度地图的引用,非常的方便,本章节就是一个一个这样的代码实例。
默认状态,引用的地图上有版权信息,不但不美观也会遮挡一些信息,本代码也能够去除那些没用的信息。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.pipipi.net/" /> <title>移除百度地图版权信息-前端教程网</title> <style type="text/css"> #map{ width:400px; height:400px } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script src="http://api.map.baidu.com/api?v=1.3" type="text/javascript"></script> <script type="text/javascript"> function initialize(){ var mp = new BMap.Map('map'); mp.centerAndZoom(new BMap.Point(121.491, 31.233),11); } $(document).ready(function(){ initialize(); $("#bt").click(function(){ $('#map div.anchorBL').hide(); }) }) </script> </head> <body> <input type="button" id="bt" value="移除地图LOGO和版权说明"/> <div id="map"></div> </body> </html>
以上代码实现了我们需要的功能,能够在网页中引用指定坐标的地图。
网页引用百度地图实例代码,这样的场景在实际项目中还是用的比较多的,关于网页引用百度地图实例代码就介绍到这了。