有了这些定位信息,那要如何在前端的页面上显示出来呢?这需要用到百度地图的java script的API。下面是示例代码。
前端代码
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ViewMap.aspx.cs" Inherits="TEST.ViewMap" %>
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head id="Head1" runat="server">
- <title>地图</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script src="/js/map.js"></script>
- <script src="/js/jquery.js"></script>
- <script type="text/java script" src="http://api.map.baidu.com/api?v=2.0&ak=XXXXXXXXXXXX"></script>
- </head>
- <body>
- <div id="normal_map"></div>
- <input type="hidden" runat="server" id="HiddenCoord" />
- <input type="hidden" runat="server" id="HiddenAddress" />
- </body>
- </html>
- <script type="text/java script">
- $(document).ready(function () {
- var w = $(window).width();
- var h = $(document).height();
- var coord = $('#<%=HiddenCoord.ClientID%>').val().split(',');
- var lat = coord[0];
- var lng = coord[1];
- var address = $('#<%=HiddenAddress.ClientID%>').val();
- $("#normal_map").css({
- "width": w + "px",
- 'height': h + 'px'
- });
- MapApi.LoadLocationMap(lat, lng, 'normal_map', "<p>" +