<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://api.map.baidu.com/api?&v=1.3">
</script>
</head>
<body>
<p>
地址：<input id="txtSearch" type="text" />
<input type="button" value="搜索" onclick="search()" /></p>
<div style="width: 800px; height: 600px; border: 1px solid gray;" id="container">
</div>
</body>
<script type="text/javascript">
function $(id) {
return document.getElementById(id); //定義$
}
var map = new BMap.Map("container"); //創建地圖
map.centerAndZoom(new BMap.Point(116.330599, 39.95536), 10); //初始化地圖
map.enableScrollWheelZoom(); // 開啟鼠標滾輪縮放
map.enableKeyboard(); // 開啟鍵盤控制
map.enableContinuousZoom(); // 開啟連續縮放效果
map.enableInertialDragging(); // 開啟慣性拖拽效果
map.addControl(new BMap.NavigationControl()); //添加標准地圖控件(左上角的放大縮小左右拖拽控件)
map.addControl(new BMap.ScaleControl()); //添加比例尺控件(左下角顯示的比例尺控件)
map.addControl(new BMap.OverviewMapControl()); // 縮略圖控件
map.addControl(new BMap.MapTypeControl());
var city = new BMap.LocalSearch(map, { renderOptions: { map: map, autoViewport: true} }); //地圖顯示到查詢結果處
function search() {
var s = $("txtSearch").value;
city.search(s); //查找城市
}
</script>
</html>