有极速快乐十分吗|极速快乐十分走势图|

Google Maps API指南:地圖標記與信息窗口

地圖標記是十分常用的
服務器君一共花費了177.759 ms進行了6次數據庫查詢,努力地為您提供了這個頁面。
試試閱讀模式?希望聽取您的建議

Maker類提供了這樣一個選項,為用戶指定的位置顯示一個標記,在我們的應用中地圖標記是十分常用的,下面的代碼將告訴大家如何創建一個簡單的地圖標記:

var marker = new google.maps.Marker
(
    {
        position: new google.maps.LatLng(-34.397, 150.644),
        map: map,
        title: 'Click me'
    }
);

我們已經在地圖上某個位置加了標記,也為標記添加onclick了事件,點擊可以彈出一個窗口來顯示該地點的詳細信息。我們可以按照下面的代碼來創建信息窗口:

var infowindow = new google.maps.InfoWindow({
    content: 'Location info:
    Country Name:
    LatLng:'
});
google.maps.event.addListener(marker, 'click', function () {
    // 打開窗口 
    infowindow.open(map, marker);
});

效果演示

代碼

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
    src="https://maps.google.com/maps/api/js?sensor=false">
</script>
<script>
var map;
function initialize() {
    var latlng = new google.maps.LatLng(22.279566, 113.540955);
    var myOptions = {
        zoom: 12,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var marker = new google.maps.Marker
    (
        {
            position: new google.maps.LatLng(22.279566, 113.540955),
            map: map,
            title: 'Click me'
        }
    );
    var infowindow = new google.maps.InfoWindow({
        content: '地點信息:珠海<br />LatLng:22.279566, 113.540955'
    });
    google.maps.event.addListener(marker, 'click', function () {
        // Calling the open method of the infoWindow 
        infowindow.open(map, marker);
    });
}
window.onload = initialize;
</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

延伸閱讀

此文章所在專題列表如下:

  1. Google Maps API指南:在網頁中嵌入GMaps
  2. Google Maps API指南:設置地圖選項
  3. Google Maps API指南:地圖標記與信息窗口
  4. Google Maps API指南:地圖事件
  5. Google Maps API指南:點擊添加標注
  6. Google Maps API指南:添加多個隨機標注

本文地址:http://www.bavugt.tw/librarys/veda/detail/1689,歡迎訪問原出處。

不打個分嗎?

轉載隨意,但請帶上本文地址:

http://www.bavugt.tw/librarys/veda/detail/1689

如果你認為這篇文章值得更多人閱讀,歡迎使用下面的分享功能。
小提示:您可以按快捷鍵 Ctrl + D,或點此 加入收藏

閱讀一百本計算機著作吧,少年

很多人覺得自己技術進步很慢,學習效率低,我覺得一個重要原因是看的書少了。多少是多呢?起碼得看3、4、5、6米吧。給個具體的數量,那就100本書吧。很多人知識結構不好而且不系統,因為在特定領域有一個足夠量的知識量+足夠良好的知識結構,系統化以后就足以應對大量未曾遇到過的問題。

奉勸自學者:構建特定領域的知識結構體系的路徑中再也沒有比學習該專業的專業課程更好的了。如果我的知識結構體系足以囊括面試官的大部分甚至吞并他的知識結構體系的話,讀到他言語中的一個詞我們就已經知道他要表達什么,我們可以讓他坐“上位”畢竟他是面試官,但是在知識結構體系以及心理上我們就居高臨下。

所以,閱讀一百本計算機著作吧,少年!

《編程之美:微軟技術面試心得》 《編程之美》小組 (作者)

《編程之美:微軟技術面試心得》是一本讓人著迷的書!閱讀起來。有些題目的內容會引起強烈的共鳴,尤其是那些自己非常熟悉并且又深知解答的題目;也有一些題目讓我異常驚詫,原來除了我所知道的解答思路之外,還有更好的解答以及更深層次的原因。還有一些題目是從來沒想到過的。閱讀過程是一次愉快的享受,也是腦細胞持續活躍的過程。

更多計算機寶庫...

有极速快乐十分吗
上证指数 手机版四川麻将 多狐河南麻将棋牌下载安装 下载四川麻将血战到底 微乐陕西麻将手机版 闲来广东麻将推倒胡 qq麻将规则 乐透乐第一时间报您 甘肃娱乐快三 江苏老快3