在Google Maps上制作自己的标记_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
在Google Maps上制作自己的标记
&&在Google Maps上制作自己的标记
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢27被浏览59040分享邀请回答/maps/bin/answer.py?hl=en&answer=62843176 条评论分享收藏感谢收起21 条评论分享收藏感谢收起一步步教你做google地图批量标记_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
一步步教你做google地图批量标记
&&介绍在google地图上批量标记的方法。
阅读已结束，下载文档到电脑
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，方便使用
还剩4页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢博客分类：
首先导入google map JS（需要VPN）:
&script src="/maps/api/js?v=3.5&sensor=false&libraries=places"&&/script&
然后定义一个地图显示区域：
&div id="content_map"&&/div&
最后添加JS：
///////////////////////////////////////////////////////////////////////////////
//map start
var MY_POSITION="You are here";
var markersArray = [];
var latlng=
function initializeMap(position) {
$("#content_map").width($(window).width()).height($(window).height()-40);
// geocoder = new google.maps.Geocoder();
if (typeof google === 'undefined') {
log("================google is undefined================");
if(position==null){
latlng = new google.maps.LatLng(38.54,77.02);//华盛顿经纬度
latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var myOptions = {
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
map = new google.maps.Map(document.getElementById("content_map"), myOptions);
function resizeMap(){
if (!isNull(map)) {
google.maps.event.trigger(map, 'resize');
map.setCenter(latlng);
function addMarker(location, item) {
if (item === MY_POSITION) {
var marker = new google.maps.Marker({
position : location,
title : MY_POSITION,
markersArray.push(marker);
var contentString = '&div style="color:text-align:"&' +MY_POSITION+'&/div&';
var win = new Window({
content: contentString
google.maps.event.addListener(marker, 'click', function() {
win.open(map, marker);
var marker = new google.maps.Marker({
position : location,
title : item.storeName,
// icon:"img/icon.png",
markersArray.push(marker);
var contentString = '&div style="color:text-align:"&' +item.storeName+'&br /&' +item.storeAddress+'&/div&';
var infowindow = new Window({
content: contentString
google.maps.event.addListener(marker, 'click', function() {
// map.setZoom(15);
// map.setCenter(marker.getPosition());
infowindow.open(map, marker);
google.maps.event.addListener(marker, 'dblclick', function() {
onStoreClick(item);
// Removes the overlays from the map, but keeps them in the array
function clearOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
// Shows any overlays currently in the array
function showOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(map);
// Deletes all markers in the array by removing references to them
function deleteOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
markersArray.length = 0;
function codeAddress() {
var address = document.getElementById("address").
if (geocoder) {
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
showAlert(results[0].geometry.location);
var marker = new google.maps.Marker({
position: results[0].geometry.location
showAlert("Geocode was not successful for the following reason: " + status);
//onSuccess Geolocation
function onGeoSuccess(position) {
curPosition=
doCommandFindStoreList(appConfig,user);
// onError Callback receives a PositionError object
function onGeoError(error) {
onGeoSuccess(null);
var curPosition=//
function doCommandFindStoreList(appConfig,user){
var senddata = {};
senddata.sid = user.
panyId = panyId;
senddata.brandId = appConfig.brandId;
if(curPosition!=null){
senddata.latitude=curPosition.coords.
senddata.longitude=curPosition.coords.
var require=$("#homepage #search").val().trim();
if(require.length&0){
senddata.require =
ajax(COMMAND_FIND_STORE_LIST,STORE_LIST_URL,senddata);
///////////////////////////////////////////////////////////////////////////////
使用cordova获取你当前的位置，成功的话执行onGeoSuccess，在该函数中查询门店位置信息：
if(navigator.geolocation){
var options = {
enableHighAccuracy: true,
maximumAge: 30000,
timeout: 8000
navigator.geolocation.getCurrentPosition(onGeoSuccess , onGeoError , options);
}else{//Geolocation is not supported by this browser.
onGeoSuccess(null);
获取到所有经纬度信息之后再初始化map，并在map上添加marker：
case COMMAND_FIND_STORE_LIST:
initializeMap(curPosition);
$("#homepage #content_store_list").empty();
$.each(data.listStroe,function(i,item){
item.opening=isStoreOpen(item);
var openStatus="&span style='font-size:12color:font-weight:margin-left:10'&[OPEN]&/span&";
if(item.opening!=0){
openStatus="&span style='font-size:12color:#666;font-weight:margin-left:10'&"+getStoreOpenRemainingTime(item)+"&/span&";
var distance="";
if(curPosition!=null){
if(item.latitude==null||item.longitude==null){
distance=GetDistance(item.latitude,item.longitude,curPosition.coords.latitude,curPosition.coords.longitude);//
var display="inline";
if(isNull(item.customerId)||item.customerId==0){
display="none";
display="inline";
var itemStr=JSON.stringify(item);
$("#homepage #content_store_list").append("&li class='li_item' onclick='onStoreClick("+itemStr+");'&&div style='font-size:16font-weight:margin-bottom:5'&&span&"+item.storeName+"&/span&"+openStatus+"&span style='float:right'&&img style='display:"+display+"' src='img/my_favorite.png'/&&/span&&/div&&div&&span style='font-size:14'&"+item.storeAddress+"&/span&&div&&span style='font-size:14'&"+item.city+","+item.provinceShrtNm+" "+item.zip+"&/span&&span style='font-size:14float:'&"+distance+"&/span&&/div&&/div&&/li&");
if(!isNull(map)){
if(curPosition!=null){
addMarker(map.getCenter(),MY_POSITION);
if(item.latitude!=null){
var location = new google.maps.LatLng(item.latitude,item.longitude);
addMarker(location,item);
第一次地图显示的时候最好resize一下，使你的位置位于屏幕中心，refreshMap用于控制是否resizeMap，这样每次返回map_page的时候不至于总是resizeMap：
var refreshMap=
$(document).delegate('#map_page', 'pageshow', function () {
curPage="map_page";
if(refreshMap){
refreshMap=
resizeMap();
工具，计算2点间距离，返回的是mile英里数
function GetDistance(lat1,lng1,lat2,lng2){
var radLat1 = Rad(lat1);
var radLat2 = Rad(lat2);
var a = radLat1 - radLat2;
b = Rad(lng1) - Rad(lng2);
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2) +
Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
s = s * ;// EARTH_RADIUS;
s = 0.62*Math.round(s * 10000) / 10000;
s=s.toFixed(0);
return s+"mi";
最后显示的效果如下：
gundumw100
浏览: 4293361 次
来自: 上海
本地lua脚本终于执行成功了，虽然不是通过redis
大神：//处理返回的接收状态
这个好像没有监听到
拦截部分地址，怎么写的for(int i=0;i&lis ...
Android控件之带清空按钮(功能)的AutoComplet ...
希望有表例子更好。。。，不过也看明白了。
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'}