商务服务
C#的百度地图开发 前端显示与定位
2024-12-05 22:28

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

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

前端代码

 

 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来读取。

测试结果如下图

    以上就是本篇文章【C#的百度地图开发 前端显示与定位】的全部内容了,欢迎阅览 ! 文章地址:http://sicmodule.glev.cn/news/12168.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 歌乐夫资讯移动站 http://sicmodule.glev.cn/mobile/ , 查看更多   
最新新闻
唯美手机壁纸高清(唯美手机壁纸高清动漫)
  唯美手机壁纸高清:探索美丽与科技的融合  随着科技的飞速发展,智能手机已经成为我们日常生活中不可或缺的一部分。而在这
手机系统更新不了怎么办(手机系统版本更新不了怎么办)
  《手机系统更新不了怎么办》  随着科技的快速发展,智能手机已成为我们日常生活中不可或缺的一部分。然而,有时我们可能会
手机微信自动回复(手机微信自动回复插件)
  关于手机微信自动回复的文章  一、引言  随着科技的快速发展,智能手机与互联网已成为我们日常生活中不可或缺的一部分。
手机流量兆(手机流量兆的单位是什么)
  关于手机流量的“兆”世界  随着科技的飞速发展,手机已经成为了我们日常生活中不可或缺的一部分。与此同时,手机流量作为
手机屏幕规格(手机屏幕规格大小)
  手机屏幕规格的发展与演变  随着科技的飞速发展,手机已经成为我们日常生活中不可或缺的一部分。而手机的屏幕规格,作为决
outlook手机(outlook手机版下载)
  Outlook手机:一款高效便捷的移动办公应用  在当今快节奏的生活中,手机办公已经成为人们不可或缺的一部分。作为一款高效
拍照最清晰的手机(拍照最清晰的手机软件)
  拍照最清晰的手机  随着科技的不断发展,智能手机已经成为了我们日常生活中不可或缺的一部分。其中,拍照功能更是成为了许
手机令牌软件(手机令牌软件是什么)
  关于《手机令牌软件》的文章  随着科技的快速发展,网络安全问题日益受到人们的关注。在这样的背景下,手机令牌软件作为一
手机连接汽车蓝牙(手机连接汽车蓝牙后微信语音没声音)
  《手机连接汽车蓝牙:便捷驾驶,智能生活》  随着科技的飞速发展,智能手机与汽车蓝牙的连接已经成为我们日常生活中的一部
华为手机闹钟在哪里(华为手机闹钟在哪里设置)
  华为手机闹钟在哪里  华为手机是现代人日常生活中常用的智能手机之一,其功能丰富多样,其中闹钟功能对于许多人来说是非常