Coldfusion的Google Map Store定位器

时间:2012-11-15 12:41:37

标签: google-maps coldfusion coldfusion-9

Google地图商店定位器

https://code.google.com/p/storelocator/

示例: 1)https://storelocator.googlecode.com/git/examples/panel.html

2)https://storelocator.googlecode.com/git/examples/dynamic.html

我想从cfquery

动态创建storelocator

是否可以在coldfusion中创建storelocator?

任何人都可以帮助我吗?

<cfquery name="qCompany" datasource="#application.dsn#">
    select  
    name, 
    addrress, 
    city, 
    state, 
    zip, 
    country, 
    phone, 
    latitude,
    longitude
    from    wcountry_company    
</cfquery>

2 个答案:

答案 0 :(得分:0)

Storelocator API使用javascript,因此您必须使用<script>来使用它,然后您可以在循环中使用您的查询构建对象:

<script>
    <cfoutput query="qCompany">
        Building javascript objects
    </cfouput>
</script>

但我不知道storelocator足以帮助你更多地使用javascript对象。

答案 1 :(得分:0)

我举了一个例子,用于我使用的商店定位器。

首先获取googlemapkey(不确定他们是否仍然让您注册) 然后我建议制作一个表格,他们可以按州查询,然后通过以下状态过滤您的查询...

另外,如果你想添加一个zipcode查找,这里有一个很好的例子,它带有一个用于数据的示例数据库。

http://jonathonwallen.blogspot.com/2011/08/zip-code-radius-search-store-locator-in.html

其中有一些是在线的,但这似乎整齐地打包使用。

<cfajaximport params="#{googlemapkey='*KEY HERE*'}#">
</cfif>


<cfquery name="qCompany" datasource="#application.dsn#">
    select  
    name, 
    addrress, 
    city, 
    state, 
    zip, 
    country, 
    phone, 
    latitude,
    longitude
    from    wcountry_company    
</cfquery>

<cfmap name="gmap02" 
    centeraddress="#form.zipcode#" <!--- or state if your querying by state --->
    doubleclickzoom="true" 
    scrollwheelzoom="true" 
    showscale="false" 
    tip="My Map"
    width="1000"
    height="800"
    zoomlevel="15"> 

    <cfoutput query="qCompany">
    <cfmapitem  address="#address# #city#, #state# #zip#" name="gmap02" tip="#name# #address# #city#, #state# #zip#" markerwindowcontent="#address#<br>#city#<br>#state#<br> #zip#"  />
    </cfoutput>


 </cfmap>