国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] Drupal内容中添加谷歌地图教程

[复制链接]
发表于 1-15-2013 09:45 | 显示全部楼层 |阅读模式
此教程我们将告诉你如何添加谷歌地图到Drupal 7的内容中
我们将使用黄页目录样式,来展示给你如何显示一个谷歌地图在每个企业名录旁边
安装
安装并启用这两个模块:
) R0 ~) R& V/ h2 I. N1 l

" I, y+ z) p, ]5 Q: z  L如果没有CTools,你也需要安装:
& {2 y4 I$ d& z

  u/ @% ?# d2 G0 o& ^0 nhttp://drupal.org/project/ctools
4 w  j; t" q: Z' {, s1 P2 Y2 x
" [7 L% u% {" {$ \使用Address FIeld创建内容类型
1 o) Y  K& s# N& o7 c- T* u) T
第一步使用Address Field模块创建内容

4 r' S+ D7 a' B7 }/ l3 N
前往 Structure > Content types.
8 X* ^+ g+ l  Y+ p( @" m- Q
创建新的叫“Companies”的内容类型

/ T( O) r6 B2 E$ u5 b) o& G: o; I( E6 K
使用“邮政地址”添加一个地址字段
$ T% P0 l$ j$ \
3 U. m+ U; V* q$ D- I
. _) E: L' }! \) N4 `9 p. N- ?

' K+ L1 i# M/ ]4 t, E. D
+ {% j, D0 W, Z  x/ f1 c9 W: d3 D

6 d$ Y- _5 }. y$ b添加内容
点击添加内容和企业到你的网站. 我们使用 Phase2 为例,因为他们实际上集成了这些地址模块:
% q$ X* U+ H  \- P# M. T0 f* L

1 r7 ~! T, k  d2 ?( R7 o4 A. l  O! I) H& s/ T
; ~6 z7 f) n' n
7 D2 S# m4 U$ T/ R( \' d- v

, H2 O# B/ R, W. F配置 Address FIeld Static Map 区块2 E( D- B, U$ t7 S/ G
前往 Configuration > Address Field Static Map 区块
% a1 p( w& O6 c7 r6 U6 F* m, |配置 Address Field 选项来使用你刚创建的字段

4 R- u; t4 w2 f& R& p$ F8 J' g: Z. L& u. W. S$ q+ C( G' ~5 x1 U. X  A  J

( |  W1 j% L# d: ~: ?3 o7 R  x" Q配置 Image Size 选项来适应你要放置地图的网站区域* V% \/ ~" h& J; J) }
2 a! u% Z' D8 x  C, a' X- a- ^
关闭5 W. b* ~0 E1 R$ y5 B- I5 \

. q# p* M( V8 q3 m1 G5 l$ n放置区块
6 J& k) |. E* Z' c) C$ _* Z! U7 x+ }前往 Structure > Blocks.2 l9 Q& F( ^; L# j* l9 M) @
发布 Address Field Static Map 区块.
不管你尝试放置此区块到哪个页面,他将只出现在下面两种条件:

  N0 E4 _- a# k& _% {, J- v
如果节点全文显示.

+ Z4 O  k) M  \8 X; q+ U) [; X
如果全文包含一个字段地址
这里是出现的 Phase 2 :

4 {4 ~& b% |" `7 Q' u( [/ V
- Q: M3 }; p% {. W! U! x

: j5 U# O' f$ P# b

/ |1 g) L* [/ a- [. t; b2 `
3 x1 I; v6 b" k# M* ?# B2 J

|2011-2026-版权声明|平台(网站)公约|手机版|手机版|DOOOOR 设计网 ( 吉ICP备2022003869号 )

GMT+8, 11-11-2025 19:56 , Processed in 0.465452 second(s), 260 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表