高德地圖-添加自定義圖標

阿新 • • 發佈：2019-02-12

click 的人 icon 100% text 我們 posit cti user

1、問題背景

這裏有張武漢市地圖，點擊按鈕在地圖上指定經度、緯度下添加小圖標

2、實現源碼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<title 
>高德地圖-添加自定義圖標</title>
		<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
		<script type="text/javascript" src="../js/jquery-1.12.3.js" ></script>
		<script src="http://webapi.amap.com/maps?v=1.3&key=c2eb520334ddc5ab2bb70a3afe6a58cc"></script>
    	<script 
 type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    	<style>
    		body,html{
    			width: 99%;
    			height: 99%;
    			font-family: "微軟雅黑";
    			font-size: 12px;
    			font-size-adjust: initial;
    		}
    		#keyMap{
    			width: 100%;
    			height 
: 100%;
    			font-family: "arial rounded mt bold";
    			font-size: -webkit-xxx-large;
    		}
    	</style>
	</head>
	<body>
		<div id="keyMap"></div>
		<div class="button-group">
			<input type="button" class="button" id="addTag" value="添加點標記"/>
		</div>
		<script>
		    var marker;
			var map = new AMap.Map("keyMap",{
				resizeEnable: true,
        		center: [114.297199,30.573714],
        		zoom: 13
			});
			
			AMap.event.addDomListener(document.getElementById(‘addTag‘), ‘click‘, function() {
        		addTags();
    		}, false);
    		
    		function addTags()
    		{
    			if(marker)
    			{
    				return;
    			}
    			marker = new AMap.Marker({
    				icon:"../img/ooopic_1464187636.png",
    				position:[114.297199,30.573714]
    			});
    			
    			marker.setMap(map);
    		}
		</script>
	</body>
</html>

3、實現結果

（1）初始化時

技術分享圖片

（2）點擊“添加點標記”

技術分享圖片

再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！https://blog.csdn.net/jiangjunshow

高德地圖-添加自定義圖標

click 的人 icon 100% text 我們 posit cti user 1、問題背景這裏有張武漢市地圖，點擊按鈕在地圖上指定經度、緯度下添加小圖標 2、實現源碼 <!DOCTYPE html> <html> <

高德地圖api之自定義載入地圖

高德地圖api有幾大功能模組：Amap，Location，Search，OfflineMap 首先我們檢視文件，並匯入Demo專案來學習一下basic map功能：首先有幾個重要的類：開啟jar package（Android_Map_V2.jar）中的packag

基於高德地圖實現完全自定義Marker

做地圖社交類APP開發的都知道,一般情況下,為了整體的美觀和使用者體驗度,我們需要定製化Marker的樣式。本文中實現的方式都是基於高德地圖的,百度地圖也類似,大家可以照葫蘆畫瓢,廢話不多說,先來看看最終效果: 實現思路: 先來看看高德官方提供的設

高德地圖JavaScript API 自定義頂層Canvas與地圖互動

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <ti

visio畫uml類圖添加自定義數據類型

otg tor sao 數據類型 cso pat mfc big arc tj35jh辜夢妒苑鄖肇http://www.docin.com/dour993jbllm0掣智彜苯狹克http://tushu.docin.com/sina_58492473393j9l2y坎譚蝕浪

主動模式和被動模式，添加監控主機，添加自定義模板，處理圖像中的亂碼，自動發現

添加監控主機 name def 地址觸發器 mar 桌面客戶 release 主動模式和被動模式主動或者被動是相對客戶端來講的被動模式，服務端會主動連接客戶端獲取監控項目數據，客戶端被動地接受連接，並把監控信息傳遞給服務端主動模式，客戶端會主動把監控數據匯報給服

iPhone 收藏網址[添加到書簽] 和 [添加到主屏幕] 顯示自定義圖標,而不是網頁截圖

pod shortcut 如果路徑 ipad static pos 網址而不是 iPhone 收藏網址[添加到書簽] 和 [添加到主屏幕] 顯示自定義圖標,而不是網頁截圖：  <link rel=

ionic4 添加自定義字體圖標

var ria 內容自定義技術 r.js com 定義添加在angular.json中的style中引入css文件：然後在variables.scss中添加內容： ionic4 添加自定義字體圖標

Linux下添加自定義腳本到開機自啟動，標準rpm，舉例：設置Apache自啟動

不同 config desc 完全 def chkconfig mod etc chm 寫一個腳本，名字為：autostart.sh，放在/etc/init.d/目錄下，賦予權限chmod +x /etc/init.d/autostart.sh 代碼如下 #!/bin/sh

ckeditor添加自定義按鈕整合swfupload實現批量上傳圖片

下載了解 nbsp 文件 mouseover 去掉 dial size pro ckeditor添加自定義按鈕整合swfupload實現批量上傳圖片給ckeditor添加自定義按鈕，由於ckeditor只能上傳一張圖片，如果要上傳多張圖片就要結合ckfinder，而ckf

C++ MFC中添加自定義消息映射宏及添加消息響應函數

c++ mfc sindsun 反射消息映射宏下面是我自己在學習C++過程中遇到的問題及解決過程，我把這個共享出來，希望能幫到遇到同樣問題的同胞！一、添加消息響應函數 afx_msg void OnOwnerDraw(NMHDR * pNotifyStruct, LRESULT* pRes

給文件夾右鍵菜單添加自定義程序並打開此文件夾

tro 打開 class .exe 路徑 clas code 準備初級 win+r 打開運行程序，輸入regedit打開註冊表編輯器先備份當前註冊表然後找到 HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\shell 目錄

SCWS 添加自定義詞典

分詞 scws 最近使用了SCWS進行中文分詞。有個問題就是添加自定義詞典，總結一下吧。詞典格式的話　　# WORD TF IDF ATTR學五 14.01 5.92 n去這個網址可查:http://www.xunsearch.com/scws/demo/get_t

在Web.config或App.config中的添加自定義配置

base .com har 信息 key 需要 lin xml文件 item .Net中的System.Configuration命名空間為我們在web.config或者app.config中自定義配置提供了完美的支持。最近看到一些項目中還在自定義xml文件做程序的配置，所

jquery attr和data給元素添加自定義屬性

方式 data 情況 logs .cn strong 目前 es2017 tid 博主不才，將自己總結的寫在這裏，如有問題歡迎一起討論； jquery給一個元素添加自定義屬性目前見過兩種方式方式一：attr 方式二：data 這兩種放方式都可以給元素添加自定義屬性如：

linux中添加自定義命令

系統配置永久 c中取消 bsp /etc/ 註意指令詳解 centos下設置alias別名，比較簡單，例如： vim /root/.bashrc addalias rm=‘rm -i‘ Linux alias設置指令的別名命令詳解功能說明：設置指令的別名。語　

19.12添加自定義監控項目19.13/19.14 配置郵件告警19.15 測試告警19.16 不發郵件的問題處理

19.12添加自定義監控項目19.13/19.14 配置郵件告警19.15 測試告警19.16 不發郵件的問題處理19.12 添加自定義監控項目19.13/19.14 配置郵件告警19.15 測試告警19.16 不發郵件的問題處理19.12 添加自定義監控項目zabbix的監控項目是在模板裏面體現，但是有時候

添加自定義監控項目，配置郵件告警，測試告警，不發送郵件的問題處理

添加自定義監控項目配置郵件告警測試告警 zabbix 不發送郵件的問題處理筆記內容：19.12添加自定義監控項目19.13/19.14配置郵件告警19.15測試告警19.16不發送郵件的問題處理筆記日期：2017-11-2019.12添加自定義監控項目自定義的監控項目是用於實現一些特

vue 項目添加自定義方法

urn turn light true focus clas efault script name 添加位置和方法舉例說明： export default{ name: ‘Home‘, data () { return { msg: ‘ms

Phpcms V9單頁添加自定義字段

php ech width 簡介更改 brush spa 如何打開說起文章自定義自段，大家都會想到 wordpress 的自定義字段，確實 wordpress 系統很強大，字段可以很靈活的在後臺進行添加與更新，並能夠很好的在前臺進行調用，對於這點 phpcms v9

高德地圖-添加自定義圖標

相關推薦