<!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. STP学习总结

    STP学习总结 STP是广泛应用在二层的具有冗余的网络中用来消除环路的一种机制,当然二层环网中用来消除环路的技术还有RRPP和H3C的smart-link技术等. 一.STP的一些基本概念 STP是I ...

  2. MySQL 全角转换为半角

    ​序言:       用户注冊时候,录入了全角手机号码,所以导致短信系统依据手机字段发送短信失败.如今问题来了,怎样把全角手机号码变成半角手机号码? 1.手机号码全角转换成半角先查询出来全角半角都存在 ...

  3. 一些周期性GC的理由为何

    1.供tomcat:防止内存泄漏监听器 JreMemoryLeakPreventionListener在上班,每隔一小时默认触发一次System.gc Class clazz = Class.forN ...

  4. Knockout应用开发指南 第九章：高级应用举例

    原文:Knockout应用开发指南 第九章:高级应用举例 1   Contacts editor 这个例子和微软为演示jQuery Data Linking Proposal例子提供的例子一样的提供的 ...

  5. 如何通过shell脚本操作MongoDB

    通过shell脚本对MongoDB进行自动化操作 运行写好的 ./show.sh 脚本 发现能够建立mongo链接 #!/bin/sh mongo WordPress --eval "sho ...

  6. cocos2dx 3.1从零学习（六）——CocosStudio（VS2013project导入及环境设置）

    导入libCocosStudio.libExtensions.libGUI 新建的project例如以下图: 加入现有项目 右键解决方式.例如以下操作: watermark/2/text/aHR0cD ...

  7. a标签的背景图在ie8下不显示的问题

    突然发现临下班时候问题就多, 马上下班了被头头告知线上已经上线很久的活动现在有个兼容性问题, a标签的背景图在ie8下会有不显示的情况. 我自己找了台ie8的机器实验了一下, 发现一切正常, 但是在另 ...

  8. text bss data的区别

    BSS段 在采用段式内存管理的架构中,BSS段(bss segment)通常是指用来存放程序中未初始化的全局变量的一块内存区域.BSS是英文Block Started by Symbol的简称.BSS ...

  9. 高速幂 POW优化

    #include <iostream> #include <stdio.h> #include <stdlib.h> #include <string.h&g ...

  10. Android 动态显示和隐藏软键盘

    ** * 动态设置软盘的显示和隐藏 * @author JPH */ public class MainActivity extends Activity implements OnClickList ...