是否可以在 Google Maps API v3 上编写自定义文本?

本文介绍了是否可以在 Google Maps API v3 上编写自定义文本?的处理方法，对大家解决问题具有一定的参考价值

问题描述

是否可以在标记旁边的 Google Maps API v3 上编写自定义文本，或者我只能使用信息窗口来执行此操作?

解决方案

要显示自定义文本，您需要创建自定义叠加层.下面是一个改编自 Google 官方文档的示例.您还可以使用这个库了解更多时尚"信息窗口

<头><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"><脚本>//改编自此示例 http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays//文字叠加函数 TxtOverlay(pos, txt, cls, map) {//现在初始化所有属性.this.pos = pos;this.txt_ = txt;this.cls_ = cls;this.map_ = 地图；//我们定义了一个属性来保存图像的//分区.我们将实际创建这个 div//收到 add() 方法后，我们将//暂时让它为空.this.div_ = null;//在此叠加层上显式调用 setMap()this.setMap(地图);}TxtOverlay.prototype = new google.maps.OverlayView();TxtOverlay.prototype.onAdd = function() {//注意:叠加层收到 onAdd() 表示//地图的窗格现在可用于附加//通过 DOM 覆盖到地图.//创建 DIV 并设置一些基本属性.var div = document.createElement('DIV');div.className = this.cls_;div.innerHTML = this.txt_;//将叠加层的 div_ 属性设置为此 DIVthis.div_ = div;var overlayProjection = this.getProjection();var position = overlayProjection.fromLatLngToDivPixel(this.pos);div.style.left = position.x + 'px';div.style.top = position.y + 'px';//我们通过地图窗格之一向地图添加叠加层.var 窗格 = this.getPanes();窗格.floatPane.appendChild(div);}TxtOverlay.prototype.draw = function() {var overlayProjection = this.getProjection();//检索此叠加层的西南和东北坐标//在 latlngs 中并将它们转换为像素坐标.//我们将使用这些坐标来调整 DIV 的大小.var position = overlayProjection.fromLatLngToDivPixel(this.pos);var div = this.div_;div.style.left = position.x + 'px';div.style.top = position.y + 'px';}//可选:用于移除和切换文本叠加层的辅助方法.TxtOverlay.prototype.onRemove = function() {this.div_.parentNode.removeChild(this.div_);this.div_ = null;}TxtOverlay.prototype.hide = function() {如果(this.div_){this.div_.style.visibility = "隐藏";}}TxtOverlay.prototype.show = function() {如果(this.div_){this.div_.style.visibility = "可见";}}TxtOverlay.prototype.toggle = function() {如果(this.div_){如果(this.div_.style.visibility ==隐藏"){this.show();} 别的 {this.hide();}}}TxtOverlay.prototype.toggleDOM = function() {如果 (this.getMap()) {this.setMap(null);} 别的 {this.setMap(this.map_);}}无功地图；函数初始化(){var latlng = new google.maps.LatLng(37.9069, -122.0792);var myOptions = {缩放:4，中心:latlng，mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("map"), myOptions);var 标记 = 新的 google.maps.Marker({位置:latlng，地图:地图，标题:世界你好！"});customTxt = "废话sdfsddddddddddddddddddddddddddddddddddd废话1废话2"txt = new TxtOverlay(latlng, customTxt, "customBox", map)}<风格>.customBox {背景:黄色；边框:1px纯黑色；位置:绝对；}</风格><body onload="init()"><div id="map" style="width: 600px; height: 600px;">

</html>

是否可以在 Google Maps API v3 上编写自定义文本?

问题描述

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么