<!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. Codeforces 61E Enemy is weak 乞讨i&lt;j&lt;k &amp;&amp; a[i]&gt;a[j]&gt;a[k] 对数的 树阵

    主题链接:点击打开链接 意大利正在寻求称号 i<j<k && a[i]>a[j]>a[k] 的对数 假设仅仅有2元组那就是求逆序数的做法 三元组的话就用一个树状 ...

  2. Thinkphp中的volist标签（查询数据集（select方法）的结果输出）用法简介

    参考网址:http://camnpr.com/archives/1515.html 通常volist标签多用于查询数据集(select方法)的结果输出,通常模型的select方法返回的结果是一个二维数 ...

  3. 【ASP.NET】怎样使用类创建公共函数，在不同ASP.NET页面间反复调用

    为了降低代码冗余,应将公共函数写在类中,供不同ASP.NET页面调用. 1,先新建一个类,并在类中加入函数逻辑 namespace public_function_demo { public clas ...

  4. 寻找失踪的整数数组(Find the missing integer)

    排列a包含N分子,其元素属于[0,N]之间,且不存在反复的元素.请你找出数组中缺失的元素(由于[0,N]之间有N+1个元素.而数组仅仅能存储N个元素.所以必定缺少一个元素).当中对数组的操作满足下列的 ...

  5. Revit 2015 公布！

    Revit 2015 公布了, 如今能够下载.大家能够搜索下中文版的下载. 之前就知道2015 的模型操作速度再次提高, 2015安装后的马上载入跑了一个模型.果然,2015 打开自带的高级模型,不管 ...

  6. Android在Context详细解释 ---- 你不知道Context

                                                                                                         ...

  7. STL源代码分析——STL算法remove删除算法

    前言 因为在前文的<STL算法剖析>中,源代码剖析许多.不方便学习,也不方便以后复习,这里把这些算法进行归类.对他们单独的源代码剖析进行解说.本文介绍的STL算法中的remove删除算法. ...

  8. ByteBuffer的allocate和allocateDirect

    在Java中当我们要对数据进行更底层的操作时,一般是操作数据的字节(byte)形式,这时经常会用到ByteBuffer这样一个类.ByteBuffer提供了两种静态实例方式: public stati ...

  9. struts2 Session拦截器

    一:struts2简介 二:拦截器

  10. 漂亮的表格样式(使用CSS样式表控制表格样式)

    根据WEB2.0风格,设计了几个表格样式,我希望你喜欢. WEB2.0推广使用div开放式布局.但并不是完全放弃使用形式,在数据表现形式而言是一个不错的选择. 本节将介绍如何使用现在CSS样式表来控制 ...