地圖怎么自定義位置？地圖自定義位置

引路人地圖標注 2021-12-30 21:50

【摘要】小編為您整理地圖的Marker的自定義屬性怎么添加、地圖怎么自定義彈出泡泡、地圖怎么給自定義覆蓋物添加屬性、怎么自定義自己的地理位置、地圖怎么自定義彈出泡泡相關地圖標注知識，詳情可查看下方正文！

地圖的Marker的自定義屬性怎么添加？

件，new MarkerOptions().extraInfo();每個marker附件信息可點擊監聽擊時根據附件信息的不內同跳容轉到不同activity即可

地圖怎么自定義彈出泡泡？

加多個標注時就觸發以下代理方法#pragma mark -- BMKMapdelegate/** *根據anntation生成對應的View *@param mapView 地圖View *@param annotation 指定的標注 *@return 生成的標注View */-(BMKAnnotationView *)mapView:(BMKMapView *)mapView viewForAnnotation:(id <BMKAnnotation>)annotation{ if ([annotation isKindOfClass:[BMKPointAnnotation class]]) { BMKPinAnnotationView *newAnnotationView = [[BMKPinAnnotationView alloc]initWithAnnotation:annotation reuseIdentifier:@"myAnnotation"]; newAnnotationView.animatesDrop = YES; newAnnotationView.annotation = annotation; //這里我根據自己需要，繼承了BMKPointAnnotation，添加了標注的類型等需要的信息 MyBMKPointAnnotation *tt = (MyBMKPointAnnotation *)annotation;

地圖怎么給自定義覆蓋物添加屬性？

構造函數并繼承Overlay// 定義自定義覆蓋物的構造函數 function SquareOverlay(center, length, color){ this._center = center; this._length = length; this._color = color; } // 繼承API的BMap.Overlay SquareOverlay.prototype = new BMap.Overlay();
二、初始化自定義覆蓋物// 實現初始化方法 SquareOverlay.prototype.initialize = function(map){ // 保存map對象實例 this._map = map; // 創建div元素，作為自定義覆蓋物的容器 var div = document.createElement("div"); div.style.position = "absolute"; // 可以根據參數設置元素外觀 div.style.width = this._length + "px"; div.style.height = this._length + "px"; div.style.background = this._color; // 將div添加到覆蓋物容器中 map.getPanes().markerPane.appendChild(div); // 保存div實例 this._div = div; // 需要將div元素作為方法的返回值，當調用該覆蓋物的show、 // hide方法，或者對覆蓋物進行移除時，API都將操作此元素。 return div; }
三、繪制覆蓋物// 實現繪制方法 SquareOverlay.prototype.draw = function(){ // 根據地理坐標轉換為像素坐標，并設置給容器 var position = this._map.ntToOverlayPixel(this._center); this._div.style.left = position.x - this._length / 2 + "px"; this._div.style.top = position.y - this._length / 2 + "px"; }
四、添加覆蓋物//添加自定義覆蓋物 var mySquare = new SquareOverlay(map.getCenter(), 100, "red"); map.addOverlay(mySquare);
五、給自定義覆蓋物添加
1、顯示SquareOverlay.prototype.show = function(){ if (this._div){ this._div.style.display = ""; } } 添加完以上顯示覆蓋物后，只需要下面這句話，就可以顯示覆蓋物了。mySquare.show();
2、隱藏覆蓋物// 實現隱藏方法 SquareOverlay.prototype.hide = function(){ if (this._div){ this._div.style.display = "none"; } } 添加完以上code，只需使用這句話，即可隱藏覆蓋物。mySquare.hide();
3、改變覆蓋物顏色SquareOverlay.prototype.yellow = function(){ if (this._div){ this._div.style.background = "yellow"; } } 上面這句話，是把覆蓋物的背景顏色改成黃色，使用以下語句即可生效：mySquare.yellow();“第五部分、給覆蓋物添加”小結：我們在地圖上添加了一個紅色覆蓋物，然后分別添加“顯示、隱藏、改變顏色”的。示意圖如下：那么，我們需要在里，先寫出map的容器，和3個按鈕。<div style="width:520px;height:340px;border:1px solid gray" id="container"></div><p> <input type="button" value="移除覆蓋物" onclick="mySquare.hide();"/> <input type="button" value="顯示覆蓋物" onclick="mySquare.show();"/> <input type="button" value="變成黃色" onclick="mySquare.yellow();"/></p>然后，在javascript中，添加這三個函數：// 實現顯示方法 SquareOverlay.prototype.show = function(){ if (this._div){ this._div.style.display = ""; } } // 實現隱藏方法 SquareOverlay.prototype.hide = function(){ if (this._div){ this._div.style.display = "none"; } }//改變顏色的方法SquareOverlay.prototype.yellow = function(){ if (this._div){ this._div.style.background = "yellow"; } }
六、如何給自定義覆蓋物添加點擊（這章重要！很多人問的）比如，我們給自定義覆蓋物點擊click。首先，需要添加一個addEventListener 的。如下：SquareOverlay.prototype.addEventListener = function(event,fun){ this._div['on'+event] = fun;} 再寫該函數里面的參數，比如click。這樣就跟地圖API里面的覆蓋物一樣了。mySquare.addEventListener('click',function(){ alert('click');}); 同理，添加完畢addEventListener之后，還可以添加其他鼠標，比如mouseover。mySquare.addEventListener('mousemover',function(){ alert('鼠標移上來了');});
七、全部源代碼自定義覆蓋物

怎么自定義自己的地理位置？

方法/步驟第一步：打開，進入“朋友圈”主界面，點擊手機屏幕右上角的“照相機”圖標。這一步相信大家都會了，就不在多說。第二步：選擇了相關的圖片之后，點擊界面上的“所在位置”，會彈出新的編輯界面，如下圖：第三步：默認情況下會彈彈出你附近的地址，假如沒有你想要的地址，那么我們就要自己動手設置了，點擊手機右上角的“放大鏡”圖標，進入地址搜索界面，如下：第四步：這一步就是關鍵了，可以輸入你公司名，也可以輸入相應的地址，任意輸入吧。然后點擊右上角的“搜索”，如果沒有搜到相應的地址，會提示讓你“創建地址”，點擊即可。第五步：點擊“創建新的位置”之后會彈出來的新的頁面，在這個頁面上，填寫你想要的內容即可完成了。點擊完成，以后只要你在朋友圈曬個啥，這個內容就會顯示在你的內容下面。