谷歌地圖 API 開發之添加標記

huaixiaoz 發布于2019-08-22 11:01 / 2207人閱讀

摘要：創建地圖之后，基本上都需要標記位置的，就是那個圓點。然后參考谷歌的，找了許久，網址代碼如下創建對象地圖居中到當前坐標這段運行效果，就是你點擊地圖就會添加一個標記。

創建地圖之后，基本上都需要標記位置的，就是那個圓點。然后參考谷歌的API，找了許久，網址：
https://developers.google.com...

代碼如下:



    
        Accessing arguments in UI events

這段運行效果，就是你點擊地圖就會添加一個marker標記。然后就這樣子...

我是想要一個marker標記呀！這么多，咋處理，心塞...
谷歌地圖就不能給個完整的么，真的是╮(╯_╰)╭
然后百度谷歌了好久，就是沒有想要的答案，程序猿的調bug心情，大家都懂的...

不過倒是收獲一點，就是刪除marker的命令：marker.setMap(null);

之后，就在點擊事件里，加上marker.setMap(null)，加到方法里，結果是marker對象全部清空，并沒有解決問題。
so，自己想了個辦法，就是每點擊一下，創建的marker對象就存到一個數組里，然后點擊下一個重新創建marker的時候，就將前一個數組的對象刪除掉。（不知道大家有什么好的建議，目前沒找到合適的，也不清楚官網的正規方法是怎么做的...）

var markersArray = [];
//添加坐標對象
function addMarker(latLng, map) {
    if(markersArray.length>0){
        markersArray[0].setMap(null); //每次添加的時候，都要把之前的marker對象清空
    };
    markersArray.shift(marker);    //然后再移出數組
    marker = new google.maps.Marker({
        position: latLng,
        map: map
    });
    markersArray.push(marker); //將新的marker對象添加到數組
}

作為程序員，也都知道大家的習性，都是希望拿來的代碼直接能用是不是，我一向都是帥氣善良體貼的man，代碼如下：




    
        Simple Map

好了，至此就能添加marker了。如果有其它方法，還希望大家能給我提個意見(^o^)/~

時間不夠了，剩下的下一篇再寫，如何獲取當前點擊的坐標以及城市街道地址等。

GPU云服務器云服務器谷歌地圖api 谷歌地圖api接口 js地圖標記怎么清空谷歌地圖

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91639.html

谷歌地圖 API 開發之添加標記（解析以及補充）

摘要：今天又看了下官網，發現官網上有地圖標記的詳細說明。請注意，上述方法并不會刪除該標記。查看示例也可以參考上一篇文章，谷歌地圖開發之添加標記其實跟官網的基本原理也是一樣的。表示該標記應該在原地彈跳。將自動調整圖標大小。今天又看了下官網，發現官網上有地圖標記的詳細說明。當時居然眼瞎看不見，還琢磨了好久...#$%^&，一定是項目太急，沒看到(^o^)/~地址：https://develop...

崔曉明 2019-08-22 10:35 評論0 收藏0
谷歌地圖 API 開發之信息窗口

摘要：信息窗口具有一個內容區域和一個錐形柄。添加信息窗口構造函數采用了對象字面量，后者為顯示信息窗口指定了一組初始參數。其中包含此信息窗口錨定位置的。在標記上打開信息窗口將自動更新。用于指定信息窗口的最大寬度以像素為單位。信息窗口簡介 InfoWindow 在地圖上方給定位置的彈出窗口中顯示內容（通常為文本或圖像）。信息窗口具有一個內容區域和一個錐形柄。柄頂部與地圖上的某指定位置相連。 ...

princekin 2019-08-20 10:13 評論0 收藏0
谷歌地圖 API 開發之新建地圖

摘要：最近項目用到谷歌地圖，但是看谷歌文檔，對于國人來說，還是比較吃力的，網上找資料也并沒有太多的資料，所以就想分享給大家。顯示了整個地球地圖的完全縮放。最近項目用到谷歌地圖，但是看谷歌api文檔，對于國人來說，還是比較吃力的，網上找資料也并沒有太多的資料，所以就想分享給大家。但是因為本人太懶了，每次研究技術完事時間一久就忘了，更別提分享了，在朋友的鼓勵支持之下，重新開始寫博客，共享給大家...

Winer 2019-08-22 10:34 評論0 收藏0