JavaScript 谷歌地图API3变得简单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 谷歌地图API3变得简单相关的知识,希望对你有一定的参考价值。

/* The script include in the header */
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js&sensor=false&key=ABQIAAAA6kexzQ8dWZ7WYLi2Ujb6iRThfrz1fv6pUizwoe6TI79mCp3EBBS9VbAkdyTzVp5JPm5bkqeRYGyTlA"></script>

/* The div where the map will be located */
<div id="countauditor_map" style="width:1000px; height:500px"></div>

/* The actual script */
$(document).ready(function(){
    initialize();
});
function initialize() {
    var lat = ''; var lng = '';
    var address = encodeURI('219 4th Ave N, Seattle, WA 98109'); // Address here
    $.getJSON("http://maps.google.com/maps/geo?q="+address+"&key=ABQIAAAA6kexzQ8dWZ7WYLi2Ujb6iRThfrz1fv6pUizwoe6TI79mCp3EBBS9VbAkdyTzVp5JPm5bkqeRYGyTlA&sensor=false&output=json&callback=?",function(json){
        lat = json.Placemark[0].Point.coordinates[1];
        lng = json.Placemark[0].Point.coordinates[0];
        var myOptions = {
            zoom: 14,
            center: new google.maps.LatLng(lat,lng),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("countauditor_map"),myOptions);
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng), 
            map: map, 
        });   
    });
}

以上是关于JavaScript 谷歌地图API3变得简单的主要内容,如果未能解决你的问题,请参考以下文章

谷歌地图 API 3 缩小 fitBounds

如何使用 Android 谷歌地图功能?

使用谷歌地图地理编码器反向获取城市名称的简单功能

JavaScript 谷歌地图básico/基本谷歌地图

JavaScript 谷歌地图básico/基本谷歌地图

减少谷歌地图成本计算,只能调用谷歌地图javascript api