商务服务
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/ , 查看更多   
最新新闻
手机输入法在哪里设置(手机输入法在哪里设置关闭)
  关于《手机输入法在哪里设置》的文章  随着智能手机的普及,输入法作为手机使用中最基本的工具之一,其设置和使用显得尤为
手机分期付款怎么付(手机分期付款怎么付不了款)
  关于《手机分期付款怎么付》的文章  随着科技的快速发展和消费者购买力的不断提高,手机已经成为我们日常生活中不可或缺的
手机卸载记录(被卸载的app有记录吗)
  关于《手机卸载记录》的文章  随着智能手机的普及,我们的生活越来越离不开手机。然而,随着时间的推移,我们的手机中安装
vivo20手机多少钱(vivo20手机多少钱一台)
  关于《vivo 20手机多少钱》的文章  vivo作为一家领先的智能手机制造商,其产品在市场上备受关注。随着科技的不断发展,viv
手机没4g信号(手机总没有4g信号)
  关于《手机没有4G信号》的问题探讨  随着科技的快速发展,智能手机已成为我们日常生活中不可或缺的一部分。然而,有时我们
手机色网址(求有颜色的手机网站)
  关于《手机色网址》的文章  随着互联网的普及和科技的飞速发展,手机已经成为人们日常生活中不可或缺的一部分。然而,一些
手机充电宝图片(手机充电宝图片真实)
  关于《手机充电宝图片》的文章  随着智能手机的普及,我们的生活越来越离不开手机。然而,手机的电量问题一直是人们关注的
手机屏幕生产商(手机屏幕生产商有哪些)
  手机屏幕生产商:技术革新与产业繁荣的驱动力  随着科技的飞速发展,手机成为人们日常生活中不可或缺的一部分。而在这其中
怎么办手机号(怎么办手机号最便宜)
  《怎么办手机号》  在现代社会,手机已经成为了人们生活中不可或缺的一部分。而手机号则是我们与外界联系的重要桥梁。那么
手机后台怎么关(vivo手机怎么关闭后应用运行)
  关于《手机后台怎么关》的文章  随着智能手机的普及,我们在日常生活中都离不开手机。然而,随着手机使用的频繁,后台运行