百度地图js api 怎么使用

JavaScript09

百度地图js api 怎么使用,第1张

先引用百度地图API JS,然后根据API提供的接口进行开发。比如:

<!DOCTYPE html>    

<html>    

 <head>    

   <meta http-equiv="Content-Type" content="text/html charset=utf-8" />    

   <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />    

   <link rel="stylesheet" href="https://www.poscom.cn/map/css/style.css" type="text/css" media="all" />    

   <link href="https://www.poscom.cn/map/script/src/perfect-scrollbar.css" rel="stylesheet">    

   <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=&s=1"></script>    

   <script src="https://www.poscom.cn/map/script/jquery-1.7.1.js"></script>  

   <script src="https://www.poscom.cn/map/script/src/jquery.mousewheel.js"></script>    

   <script src="https://www.poscom.cn/map/script/src/perfect-scrollbar.js"></script>    

   <script src="https://www.poscom.cn/map/script/function.js"></script>    

   <title>GIS地图搜索 - 蜂巢终端</title>    

   <base target="_blank" />    

   </head>    

 <body>

百度的例子确实有问题,这是因为js函数作用域导致的,可以用闭包去解决。

详见百度地图API中动态创建marker的InfoWindow,显示不同内容的实现,附带详细代码。