MAPabc地图引用

最近开发的新项目用到地图标注,网上找了找.开源的还廷多,一开始想用GOOGLE,可是一看开发文档.TMD的英文比中文都多,去MAPBAR看了看也不是很好用,,,最好找到MAPABC,看了看API还行.挺好,基本功能都有了.

下面就来分析下在HTML里加入地图功能.

如果想要自己的网站加入地图.MAPABC要求注册一个KEY,很简单,自己去MAPABC网站上去看看

下面是加入页面代码.

<script src=\'#\'" href="http://api.mapabc.com/fmp/v1.0/js/fmp.js?key=733184d1a8562b80e3052bc2e3308070e365f1936bd79697af8886c7bcb00c4f1e25304d4e2b625a">http://api.mapabc.com/fmp/v1.0/js/fmp.js?key=733184d1a8562b80e3052bc2e3308070e365f1936bd79697af8886c7bcb00c4f1e25304d4e2b625a" type="text/javascript">        //此处要换成你的KEY
</script>

<td height="260" align="center">
     <div id="mapObj" class="view" style="width:397px;height:260px"></div>
     <script>
    var city_center_index="fjtekqrposNKGE,hrlphplnJOOE";//设置中心点为北京
//设置地图初始化参数对象
var mapOptions = new MMapOptions();
mapOptions.mapId = "fmptest";
mapOptions.zoomLevel =15;//2;
mapOptions.center = new MLatLng(city_center_index);
//创建地图对象
var mapObj = new MMap("mapObj", mapOptions);
//mapObj.showNavigator(true);

//设置点样式
var pointStyle = new MStyle();

//标注里要加入的说明,可以加入详情啦.图片啦,还其它,注意如果要在标注里面加网址,则应该把"HTTP://"这个协议前缀,不然会点击链接转不到网站
var sContent = "<font color='#ff0000'>这是我的说明</font><a href='http://www.mapabc.com' >www.mapabc.com</a>";
pointStyle.textContent = sContent;
var point;
//这个点是个全局变量，以便使用removePoint删除
point =new MCustomPointOverlay(new MLatLng("$map['wei']","$map['jing']"), "http://api.mapabc.com/fmp/v1.0/components/point/DynamicPoint/handshake.swf", pointStyle,"0");
//加true是画完点后调整视野，使点在地图的中心。
mapObj.addOverlay(point, true);

//打开网页自动展出标注函数
function openTip() {
   mapObj.openTipById("0");
}
window.setTimeout("javascript:openTip();",1000);
      </script></td>

看下效果..呵.呵...