<!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>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>中心点关键字周边搜索</title>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=ajaxmap&v=2.1.2&key=b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300bd8d5de3a4ae3|29e8ed1f7f6a97d8e99fc568cea6a7dc0ccd920856e07c0718b9885faf7551a18141699c81f526d7"></script>
<script type="text/javascript">
var mapObj=null;
function mapInit() {
var mapOptions = new MMapOptions();//构建地图辅助类
mapOptions.zoom=13;//要加载的地图的缩放级别
mapOptions.center=new MLngLat(116.397428,39.90923);//要加载的地图的中心点经纬度坐标
mapOptions.toolbar = DEFAULT;//设置地图初始化工具条
mapOptions.toolbarPos = new MPoint(15,15); //设置工具条在地图上的显示位置
mapOptions.overviewMap = SHOW; //设置鹰眼地图的状态，SHOW:显示，HIDE:隐藏（默认）
mapOptions.scale = SHOW; //设置地图初始化比例尺状态，SHOW:显示（默认），HIDE:隐藏。
mapOptions.returnCoordType = COORD_TYPE_OFFSET;//返回数字坐标
mapOptions.zoomBox = true;//鼠标滚轮缩放和双击放大时是否有红框动画效果。
mapObj=new MMap("map",mapOptions); //地图初始化
var lonLatJson = '{ "LonLat":[{x:116.3054101447,y:39.90923},{x:115.3054101447,y:39.90923},{x:114.3054101447,y:39.90923}]}';
var lonLatList = eval('('+lonLatJson+')');
var list = lonLatList.LonLat;
var Mmarker = new Array();
for(var i = 0 ; i < list.length ; i++){
var markerOption = new MMarkerOptions();
markerOption.imageUrl ="http://code.mapabc.com/images/apin/lan_"+(i+1)+".png";
/*
//创建一个信息窗口选项对象（这个对象可以应用在MMarker,MPolyline,MArea上）
var tipOption = new MTipOptions();
tipOption.title= "标题:" + (i+1);
tipOption.content= "x:"+list[i].x + "," + "y:" + list[i].y; //tip内容
tipOption.hasShadow=true;
tipOption.borderStyle.thickness=2;
tipOption.borderStyle.color= 0x005cb5;
tipOption.borderStyle.alpha=1;
tipOption.titleFontStyle.name="Arial";
tipOption.titleFontStyle.size=12;
tipOption.titleFontStyle.color= 0xffffff;
tipOption.titleFontStyle.bold=true;
tipOption.contentFontStyle.name="Arial";
tipOption.contentFontStyle.size=13;
tipOption.contentFontStyle.color= 0x000000 ;
tipOption.contentFontStyle.bold=false;
tipOption.fillStyle.color= 0xFFFFFF; //填充色
tipOption.fillStyle.alpha=1;
tipOption.titleFillStyle.color=0x005cb5;
tipOption.titleFillStyle.alpha=1;
//添加到markerOption上
markerOption.tipOption = tipOption;
markerOption.canShowTip=true;
markerOption.hasShadow=true;*/
var ll = new MLngLat(list[i].x,list[i].y);
Mmarker[i] = new MMarker(ll,markerOption);
Mmarker[i].id=(i);
}
mapObj.addOverlays(Mmarker,true);
}
</script>
</head>
<body onload="mapInit();">
<table width="989" border="0" cellpadding="0" cellspacing="2" bgcolor="#DDDDDD">
<tr height="100%">
<td rowspan="2" style="width:750px;height:600px;"><div id="map" style="height:600px; width:750px"></div></td>
<td style="width:247px;border-left:1px solid #666;" valign="top" >
<div style="padding:5px 0px 0px 5px;font-size:12px;height:290px">
<div>中心点关键字周边搜索<br />城 市：<input type="text" id="city" name="city" value="010" /><br />关键字：<input type="text" id="keyword" name="keyword" value="酒店"/><br />中心关键字：<input type="text" id="CentKeyword" value="大恒科技大厦"/><br /><input type="button" value="查询" onclick="keywordSearch()" style="margin-left:100px"/></div>
<div id="result" name="result" style="height:482px;overflow:auto;width:247px;margin-top:5px"></div>
</div></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
MAPABC_FLEX_API_WEB_V2.4
MapABC_API_JavaScript是专为开发者设计的一个工具集，它包含了MapABC地图服务的JavaScript版本的所有API，便于在Web应用程序中集成地图功能。这个API提供了丰富的地图操作和功能，帮助开发者轻松创建交互式地图应用...
MapABC SilverLight API 是一款专为开发者设计的地图服务接口，用于在SilverLight应用程序中集成地图功能。这个API允许开发者在Web应用中轻松地添加交互式地图，实现地图的浏览、定位、标注、路线规划等多样化的地理...
本文将围绕“MapABC-Flex.rar”压缩包中的内容，详细解析高德地图Flex API的使用，帮助开发者构建高效、灵活的互动式地图应用。 1. **什么是Flex API？** Flex API是高德地图提供的一种基于Adobe Flex技术的开发...
《MapABC Flex4 Demo——深入探索Flex4框架与地图应用》 MapABC Flex4 Demo是一个基于Adobe Flex4框架开发的地图应用程序示例。Flex4是ActionScript 3.0的一个强大的富互联网应用程序（RIA）框架，它允许开发者创建...
MapABC Flex API 示例代码用户手册开发包是一份珍贵的学习资源，专门为那些想要深入理解并使用MapABC Flex API的开发者设计。MapABC是一家提供地图服务的公司，其Flex API是用于在网页应用中集成动态地图功能的开发...
MapABC API是2008年由Mapabc公司推出的一项重要服务，它为中国的电子地图和本地搜索市场提供了新的开发平台。这个API允许开发者通过编程方式访问和操作MapABC的地图数据，进而创建各种基于地理位置的应用和服务。 ...
MapABC地图是一款强大的在线地图服务平台，它为开发者提供了丰富的API接口，使得用户可以在自己的应用程序或网页中嵌入地图，创建个性化的地图应用。本手册主要介绍了MapABC地图API的两个核心部分：MapABC地图API和...
MapABC地图API是一款强大的在线地图服务工具，专为开发者设计，便于在各种应用程序中集成地图功能。通过MapABC地图API，开发者可以轻松地在自己的网站或应用中嵌入地图，实现定位、导航、地理编码、反地理编码等功能...
### MapABC API for Android 开发指南相关知识点 #### 一、MapABC地图API概览 **1.1 什么是MapABC地图API？** MapABC地图API是一款专为Android平台设计的地图应用程序接口，它允许开发者利用MapABC的服务和数据来...
MapABC地图API JavaScript版
MapABC Flex API 2.4 是一款用于在Adobe Flex环境中集成地图功能的开发工具包，它为开发者提供了丰富的地图操作和交互功能。Flex API 2.4 的主要目的是帮助开发者轻松构建具有地理信息系统的Web应用，使用户能够在...
在Windows Phone 7平台上，开发地图相关应用是一个重要的任务，MapABC API为此提供了一套强大的工具。这个API允许开发者在应用程序中集成地图功能，包括显示地图、处理地图事件、添加自定义图层（如点、线和框）等。...
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
MapABC是一款专业的地图服务开发平台，为用户提供丰富的地图展现与操作功能。该平台支持通过Ajax和Flash两种技术实现地图的动态加载和交互，为开发者提供了高效、便捷的工具集，适用于构建各种地理位置相关的Web应用...
### MapABC API 相关知识点详解 #### 一、概述 MapABC API 是一款由北京图盟科技有限公司开发的地图应用程序编程接口，支持多种地图服务功能，例如地图定位、坐标范围设置等。该API主要分为两个核心部分：地图API...