高德地图-添加自定义图标

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  7. <title>高德地图-添加自定义图标</title>
  8. <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
  9. <script type="text/javascript" src="../js/jquery-1.12.3.js" ></script>
  10. <script src="http://webapi.amap.com/maps?v=1.3&key=c2eb520334ddc5ab2bb70a3afe6a58cc"></script>
  11. <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
  12. <style>
  13. body,html{
  14. width: 99%;
  15. height: 99%;
  16. font-family: "微软雅黑";
  17. font-size: 12px;
  18. font-size-adjust: initial;
  19. }
  20. #keyMap{
  21. width: 100%;
  22. height: 100%;
  23. font-family: "arial rounded mt bold";
  24. font-size: -webkit-xxx-large;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div id="keyMap"></div>
  30. <div class="button-group">
  31. <input type="button" class="button" id="addTag" value="添加点标记"/>
  32. </div>
  33. <script>
  34. var marker;
  35. var map = new AMap.Map("keyMap",{
  36. resizeEnable: true,
  37. center: [114.297199,30.573714],
  38. zoom: 13
  39. });
  40. AMap.event.addDomListener(document.getElementById(‘addTag‘), ‘click‘, function() {
  41. addTags();
  42. }, false);
  43. function addTags()
  44. {
  45. if(marker)
  46. {
  47. return;
  48. }
  49. marker = new AMap.Marker({
  50. icon:"../img/ooopic_1464187636.png",  //路径
  51.                size: new AMap.Size(40, 50),//图片大小
  52. position:[114.297199,30.573714]  //图片出现的经纬度
  53. });
  54. marker.setMap(map);
  55. }
  56. </script>
  57. </body>
  58. </html>
时间: 2024-11-09 23:52:25

高德地图-添加自定义图标的相关文章

ios 一步一步学会自定义地图吹出框(CalloutView)--&gt;(百度地图,高德地图,google地图)

前言 在 ios上边使用地图库的同学肯定遇到过这样的问题:吹出框只能设置title和subtitle和左右的view,不管是百度地图还是高德地图还是自带的 google地图,只提供了这四个属性,如果想添加更多的view,只能自定义.可是,类库只能看到.h文件,.m都看不到,这让新手比较蛋疼,庞大的地 图类库一时半会摸不着头脑,从头再学还需要时间,本文就教大家快速制作一个属于自己的 CalloutView!等你一步一步调通后,再回过头来使用系统自带的方法设置callout,就会领悟这个过程. 正文

高德地图(AMap)JavaScript API的使用

申请JSAPI的开发者key 申请地址:http://lbs.amap.com/dev/key 引入高德地图JavaScript API文件: <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script> 创建地图容器 在页面body里你想展示地图的地方创建一个div 容器,并指定id标识: <div i

【高德地图API】从零开始学高德JS API(四)搜索服务

摘要:地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公交导航,驾车导航,步行导航,道路查询(交叉口),行政区划等等.如果说覆盖物Marker是地图的骨骼,那么服务,就是地图的气血.有个各种各样的地图服务,我们的地图应用才能变得有血有肉,活灵活现.第四篇拆成了几个要点,本篇主要讲搜索服务.包括周边搜索,关键词搜索,范围搜索,搜索提示(自动完成,输入提示),行政区域,交叉路口,检索自有数据(云图). demo:http://zhaoziang.com/amap/zero_4_1.html

Android Studio之高德地图实现定位和3D地图显示

在应用开发中,地图开发是经常需要使用的"组件",国内比较出名的是就是百度地图和高德地图. 此博客讲的是高德地图实现定位和3D地图显示,并标注相应位置,话不多说,先看看效果,在上代码. 效果如图: 首先注册高德成为开发者(打开高德地图,点击底部的开发者平台),创建应用,按照要求填写相应信息,如下图: 途中包含了发布版的SHA1安全码和测试版SHA1安全码,两者的值可以看  博客 :Android Studio apk打包,keystore.jks文件生成,根据keystore密钥获取SH

高德地图(基本地图+定位+周边搜索)第一版

package company.com.gaodedemo; import android.app.Activity; import android.app.ProgressDialog; import android.content.DialogInterface; import android.graphics.Color; import android.os.Bundle; import android.util.Log; import android.view.View; import

高德地图进行浏览器定位并自定义定位按钮

要在页面里引入高德地图API进行定位,先要去高德地图官网申请开发的key,这里官网文档写的很清楚. <script src="https://webapi.amap.com/maps?v=1.3&key=你申请的key值&plugin=AMap.Walking"></script> 然后按照API文档里接入js代码,引入后高德地图会默认给你一个定位按钮,这个按钮不能自定义,只能放在地图的四个角,不过可以自定义这个按钮的图标样式. 这里的小技巧就是

安卓开发—导入高德地图sdk后工程中无法找到相应的包

声明:本人小白,刚刚学习安卓开发,以下是自己开发中遇到的一些问题,将解决方法贴出来供大家参考,求大神勿喷-- 想学习使用高德地图的API,从官网下载了相应的sdk,按照参考文档的方法将相应的地图包,搜索包导入libs文件夹,以及进行了相关配置,我确信我真的是一步步来的没有错-- 然而,我在编写代码的时候,却根本没有这个包!!!! 为此,我几乎花了三天下午的时间找各种原因还是没有找到   = =|||  (不要喷我!!!) 也试了各种从网上查的方法,不过没有效果,最后还是自己找出来的-- 解决方法

【高德地图API】从零开始学高德JS API(五)路线规划——驾车|公交|步行

先来看两个问题:路线规划与导航有什么区别?步行导航与驾车导航有什么区别? 回答: 1.路线规划,指的是为用户提供3条路线推荐.[高德]在提供路线规划的时候,会提供用户自定义路线规划功能,这是别家没有做到的.导航,指的是为驾车用户提示路口信息,向左向右,进入匝道等信息. 2.我们这里说的步行导航和驾车导航,严格的说,应该是路线规划.从A地到B地,如果是驾车,路线规划会将公路路网做为搜索数据:如果是步行,过街天桥.地下通道.人行道做为搜索数据. ---------------------------

高德地图markers生成和点击

因为自己平时上班也是比较忙,遇到什么写什么,希望能给现在的你一些帮助,都是自己在工作中遇到的问题,给自己一个提醒,也是分享 相信很多人在做高德地图开发的时候,对于新手,官方的demo解读单个marker的生成还是很简单的,我记得官方给多了很多生成点样式的各个讲解,所以今天也是跟大家分析关系markers的生成和点击事件 首先,要知道生成marker的重要关键在于,经纬度,也就是Longitude和Latitude,生成多个marker,那肯定就是拥有多个Longitude和Latitude,这些