<! DOCTYPE HTML> <HTML> <HEAD> <META кодировок = " UTF-8 " /> <название>高德地图</ title> <тип скрипта = " текст / JavaScript " SRC = " https: // WebAPI. amap.com/maps?v=1.4.11&key=9de88a718781910c9a1c81230827d1ce " > </ скрипт> <тип стиль = " текст / CSS " > * { маржа: 0 ; обивка: 0 ; список - стиль: нет; #container { ширина: 100 % ; высота: 100 % ; позиция: абсолютная; Слева направо : 0 ; верх: 0 ; } # SetZoomNode, # setCenterNode { ширина: 280px; позиция: абсолютная; г -index: 99 ; право: 20px; топ: 50px; границы: 1px черного цвета; коробка -Shadow: 0 0 5px черный; фон: белый; } #SetCenterNode { сверху: 50px; } #Node Li { курсора: указатель; } #SearchNode { ширина: 280px; высота: 30px; фон: белый; позиция: абсолютная; топ: 20px; право: 20px; } </ Стиль> </ HEAD> <BODY> <DIV ID = " контейнер " > </ DIV> <DIV ID = "" > <Входной тип = "" название = "" ID = " searchInput " > / Кнопка <ID = " БТН " >搜索</ кнопка> </ DIV> <DIV ID = " setCenterNode " > </ DIV> <скрипт тип = " текст / JavaScript " > вар карта = новый AMap.Map ( ' контейнер ' , { зум: 10 , центр: [ 121 ,30 ] }); AMap.service ([ ' AMap.PlaceSearch ' ], функция () { btn.onclick = функция () { новый новый AMap.PlaceSearch ({ PAGESIZE: . 5 , // показать до пяти в pageIndex: . 1 , // на второй странице города: « 010 » , // который город Поиск citylimit: истина , // нужно ли ограничивать в городском поиске и карта: карты, // шоу , в котором отображение в панели: ' setCenterNode ' // помещены под каким элементом .}) Поиск (searchInput.value); // поиск содержимого } }); </ Script> </ body> < / html>