C#的百度地图开发 前端显示与定位

在《C#的百度地图开发 依据坐标获取位置、商圈及周边信息》中已经得到坐标的位置信息，有了这些定位信息，那要如何在前端的页面上显示出来呢？这需要用到百度地图的Javascript的API。下面是示例代码。

前端代码

 

html;" http-equiv="Content-Type" /><script src=/js/map.js></script><script src=/js/jquery.js></script><script type=text/javascript src=http://api.map.baidu.com/api?v=2.0&ak=XXXXXXXXXXXX></script> 注：

 

(1).script中http://api.map.baidu.com后面的ak是申请的key，与前面文章中所说的key一致。

(2).引用了jquery的库。

(3).如果还引用了jquery.mobile的库，以适应移动端使用的，记得要将div设置相应的高度和宽度，不然可能会显示一片空白。因为jquery.mobile在渲染时会对页面进行适配的处理。

(4).载入地图的部分封装到了map.js中，其代码如下

 

注：该JS中还封装了全景图的函数。

 

下面看一下后端代码

 

注:

 

(1).通过BaiduMap.FetchLocation得到坐标的定位信息。

(2).将得到的地址和坐标赋值到隐藏域中，以便前端使用JS来读取。

测试结果如下图