<!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. Android多线程文件下载器

    本应用实现的是输入文件的网络的地址,点击button開始下载,下载过程中有进度条和后面的文本提示进度, 下载过程中button不可点击,防止反复的下载,完成下载后会进行Toast的提示显示, 而且回复 ...

  2. SWT的TableVierer的使用一

    1,简单显示,表格的式样见注释中的内容 import org.eclipse.jface.viewers.TableViewer;import org.eclipse.swt.SWT;import o ...

  3. orcl 删除重复的行

    delete from FOODDETAIL t where t.id in (select   t.id from FOODDETAIL where t.sendtime>=to_date(' ...

  4. Android 自己实现 NavigationView [Design Support Library(1)]

    转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/46405409: 本文出自:[张鸿洋的博客] 一.概述 Google I/O 2 ...

  5. Java的内存泄漏和垃圾回收机制

    JAVA会产生内存泄露吗?首先,答案是肯定的. Java尽管有垃圾回收器,但依旧存在泄漏. Java内存泄漏跟C/C++内存泄漏的概念不一样:C/C++的内存泄漏是指Malloc了一些资源.最后没有f ...

  6. 在centos上部署java WEB环境

    题语:偷得浮生半日闲,趁着十一期间,好好的写写随笔来记录自己所学.所践和所得,不足之处,欢迎各位拍砖~~~ 工具:Xftp 5.Xshell 5 一.安装jdk  1. 使用Xftp 5把jdk-8u ...

  7. java.util.concurrent.ThreadPoolExecutor

    java.util.concurrent.ThreadPoolExecutor An ExecutorService that executes each submitted task using o ...

  8. SDL2源码分析5：更新纹理（SDL_UpdateTexture()）

    ===================================================== SDL源码分析系列文章列表: SDL2源码分析1:初始化(SDL_Init()) SDL2源 ...

  9. substance的使用示例（转）

    可以使用substance改变界面的皮肤和主题,让Java制作的界面“炫”起来 . 可以下载substance.jar文件 在代码中你可以用: static { try { try { UIManag ...

  10. Windows Phone开发（19）：三维透视效果

    原文:Windows Phone开发(19):三维透视效果 三维效果也可以叫透视效果,所以,我干脆叫三维透视效果.理论知识少讲,直接用例开场吧,因为这个三维效果其实很简单,比上一节中的变换更省事,不信 ...