<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>自己定义点标记图标</title>

<link rel="stylesheet" type="text/css" href="http://developer.amap.com/Public/css/demo.Default.css" />

<!-- 这里的key值须要到http://lbs.amap.com/api/javascript-api/summary-3/这个网址里申请，在左下角的为位置-->

<script language="javascript" src="http://webapi.amap.com/maps?

v=1.3&key=你申请的key值"></script>

<script language="javascript">

var mapObj,marker;

//初始化地图对象，载入地图

function mapInit(){

    mapObj = new AMap.Map("iCenter",{

        //二维地图显示视口

        view: new AMap.View2D({

            center:new AMap.LngLat(116.397428,39.90923),//地图中心点

            zoom:4 //地图显示的缩放级别

        })

    });

    //加入点标记。并使用自己的icon

    addMarker1();

    addMarker2();

}

//在地图上加入点标记函数

function addMarker1(){

    marker=new AMap.Marker({

    icon:new AMap.Icon({    //复杂图标

            size:new AMap.Size(25,25),//图标大小

            image:"chinaz12.png", //大图地址

            imageOffset:new AMap.Pixel(0,0)//相对于大图的取图位置

        }),

    position:new AMap.LngLat(116.405467,39.907761)

    });

    marker.setMap(mapObj);  //在地图上加入点

    //信息载体

    var info = [];

    info.push("<b>  高德软件</b>");

    info.push("  电话 :  010-84107000   邮编 : 100102");

    info.push("  地址 : 北京市望京阜通东大街方恒国际中心A座16层");                 

    var inforWindow = new AMap.InfoWindow({

      offset:new AMap.Pixel(0,-25),

      content:info.join("<br>")

    });  

    //监听事件

    AMap.event.addListener(marker,"click",function(e){

      inforWindow.open(mapObj,new AMap.LngLat(116.405467,39.907761));

    });

}

//在地图上加入点标记函数

function addMarker2(){

    marker=new AMap.Marker({

    icon:new AMap.Icon({    //复杂图标

            size:new AMap.Size(25,25),//图标大小

            image:"chinaz12.png", //大图地址

            imageOffset:new AMap.Pixel(0,0)//相对于大图的取图位置

        }),

    position:new AMap.LngLat(120.343234,30.31162)

    });

    marker.setMap(mapObj);  //在地图上加入点

    //信息载体

    var info = [];

    info.push("<b>  杭州电子科技大学</b>");

    info.push("  电话 :  010-84107000   邮编 : 100102");

    info.push("  地址 : 北京市望京阜通东大街方恒国际中心A座16层");                 

    var inforWindow = new AMap.InfoWindow({

      offset:new AMap.Pixel(0,-25),

      content:info.join("<br>")

    });  

    //监听事件

    AMap.event.addListener(marker,"click",function(e){

      inforWindow.open(mapObj,new AMap.LngLat(120.343234,30.31162));

    });

}

</script>

</head>

<body onLoad="mapInit()">

    <div id="iCenter"></div>

</body>

</html>

版权声明：本文博主原创文章，博客，未经同意不得转载。

在高德地图应用api，和api展出的标记小的应用程序的更多相关文章

  1. 高德地图车机版API演示程序

    高德地图车机版API演示程序 做车载的应该和这个程序打交道打的比较多吧,这里是我今天写的一个实现了他的API的一个演示程序 首先我们来看下他的官网. http://lbs.amap.com/api/a ...

  2. 高德地图 Android编程中 如何设置使 标记 marker 能够被拖拽

    由于本人对智能手机真心的不太会用,我本人大概是不到3年前才买的智能手机,用以前的索尼爱立信手机比较方便小巧,平时学习工作打个电话发个短信也就够了,出去吃饭一般都是朋友拿手机去弄什么美团团购啥的,然后我 ...

  3. 【python】获取高德地图省市区县列表

    项目中需要用省市区来进行检索,原想高德地图肯定会有API来获得这些数据,结果没有找到,有一个接口好像可以用,但是会附带大量的边界坐标点. 所以就不如自己把高德的省市区列表扒下来,自己写接口来完成这个功 ...

  4. 实例源码--Android高德地图实例源码

      下载源码 技术要点: 1.高德地图 API的使用 2.定位 ,查询路线,公交查询等地图相关技术 3.源码带有非常详 细的中文注释 ...... 详细介绍:  1. 高德地图API的使用 本套实例采 ...

  5. OpenERP|ODOO高德地图应用

    发布时间:2015-04-06 11:01:37来源:http://www.chinamaker.net 在openerp中的fleet模块,每一个车辆都有地图应用.默认采用的是谷歌地图,但是在应用得 ...

  6. Android 高德地图使用小记

    感谢大佬:https://www.cnblogs.com/devilmaycry812839668/p/8727569.html 高德地图 Android编程中 如何设置使 标记 marker 能够被 ...

  7. 如何实现在H5里调起高德地图APP？（上）

    这一篇文章,将讲述如何在H5里调起高德地图APP,并展示兴趣点.适合于展示某个餐馆,商场等,让用户自行选择前往方式. 场景一.在高德地图上展示Marker点或者POI标记 在一些基于位置分享的应用开发 ...

  8. 如何实现在H5里调起高德地图APP？

    http://www.cnblogs.com/milkmap/p/5912350.html 这一篇文章,将讲述如何在H5里调起高德地图APP,并展示兴趣点.适合于展示某个餐馆,商场等,让用户自行选择前 ...

  9. 高德地图api实现地址和经纬度的转换(python)

    利用高德地图web服务api实现地理/逆地址编码 api使用具体方法请查看官方文档 文档网址:http://lbs.amap.com/api/webservice/guide/api/georegeo ...

随机推荐

  1. hdu 折线切割平面 （java）

    问题: 仅仅要找到规律问题就攻克了,在做题时应该细致去发现数与数之间的联系. 折线切割平面 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit ...

  2. Ubuntu 12.04 安装 Tomcat8 遇到的问题

    问题: :/tomcat8/bin$ sudo ./configtest.sh Using CATALINA_BASE:   /home/yyb/android/tomcat8 Using CATAL ...

  3. embedded dylibs/frameworks are only supported on iOS 8.0 and later 错误解决

    ld: warning: embedded dylibs/frameworks only run on iOS 8 or later ld: embedded dylibs/frameworks ar ...

  4. ServiceStack.Redis里List的Insert操作

    最近用Redis的c#驱动,发现ServiceStack.Redis里List类型的Insert方法调用的时候始终报错,结果反编译dll后,这个方法居然是这样写的: public void Inser ...

  5. CSS计数器妙用

    做web的经常会遇到类似排行榜的需求, 特别是要求前n名的样式和后面人不一样. 通常大多数人对于这个需求的做法都是在后端处理好排名名次, 在前端填入内容, 然后针对前n名做特殊的样式处理. 但是这样有 ...

  6. 期望dp专题

    一直不明白为什么概率是正推,期望是逆推. 现在题目做多了,慢慢好像有点明白了 poj2096 收集bug,  有n个种类的bug,和s个子系统.  每找到一个bug需要一天. 要我我们求找到n个种类的 ...

  7. coco2d-x 基于视口的地图设计

    <pre name="code" class="plain"> 基于视口的地图设计 DionysosLai 2014-06-14 第三人称游戏,玩家 ...

  8. Android自己的自动化测试Monkeyrunner和用法示例

    眼下android SDK在配有现成的测试工具monkey 和 monkeyrunner两. 也许我们不看一样的兄弟名字.但事实是完全跑了两个完全不同的工具.在测试的不同区域的应用程序.总体,monk ...

  9. 看PHP在内部迭代的动作

    以下我们来了解怎样实现一个自己定义的迭代器,然后再開始慢慢理解迭代器的内部工作原理.先来看一个官方的样例: <? php class myIterator implements Iterator ...

  10. BZOJ 3747 POI2015 Kinoman 段树

    标题效果:有m点,每个点都有一个权值.现在我们有这个m为点的长度n该序列,寻求区间,它仅出现一次在正确的点区间内值和最大 想了很久,甚至神标题,奔说是水的问题--我醉了 枚举左点 对于每个请求留点右键 ...