养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Asp.net如何调用百度地图API

时间:2024-10-08 02:28:10

Asp.net如何调用百度地图API

工具/原料

vs20vs2012。能联网的电脑一台。

方法/步骤

1、as圬桦孰礅p.net调用百度地图API之前要申请百度地图API的key,如何申请?请参考我的另外一篇经验文字“如何获取百度地图API的密钥以及调用百度地图api”。

2、打开asp.net程序aspx页面。在页声矜檠鹣面的头部<head></head>中间加入调用百度APIak的js代码如图:

Asp.net如何调用百度地图API

3、在<body>里面添加<div>用于展示地图并且给div命名一个ID。如下图:

Asp.net如何调用百度地图API

4、给用于展示的地图的ID添加样式(注意:width,height的值)。如下图:

Asp.net如何调用百度地图API

5、写调用地图的js代码。如下图:

Asp.net如何调用百度地图API

6、完整代码。(注意:调用地图的js一定要写到<divid=”map”>下面,否则找不到容器)如下图:

Asp.net如何调用百度地图API

7、运行效果,如下图:

Asp.net如何调用百度地图API

8、不知道坐标的话可以百度查询“拾取坐标系统”。如下图:

Asp.net如何调用百度地图API

Asp.net如何调用百度地图API

© 一点知识